/*
Theme Name: Tema Taller Mora
Theme URI: https://www.llamacreativa.com.ar/
Author: Llama Creativa
Author URI: https://www.llamacreativa.com.ar/
Description: Es un theme para el taller Mora de autocaravanas.
Version: 1.2
Requires at least: 5.8
Tested up to: 6.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
/* cabecera */
/* imagen en hero */
.tam-fondo-img-hero
{
	position: relative;
}
.tam-img-hero
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	max-width: 750px !important;
}
/* desde 480px */
@media (min-width: 480px)
{
	.tam-img-hero
	{
		max-width: 550px !important;
	}
}
/* desde 620px */
@media (min-width: 620px)
{
	.tam-img-hero
	{
		max-width: 500px !important;
	}
}
/* desde 778px */
@media (min-width: 778px)
{
	.tam-img-hero
	{

		max-width: 350px !important;
	}
}
/* desde 785px */
@media (min-width: 785px)
{
	.tam-img-hero
	{
		bottom: 25%;
		max-width: 350px !important;
	}
}
/* desde 921px */
@media (min-width: 921px)
{
	.tam-img-hero
	{
		bottom: 21%;
		max-width: 450px !important;
	}
}
/* desde 1024px */
@media (min-width: 1024px)
{
	.tam-img-hero
	{
		bottom: 16%;
		max-width: 500px !important;
	}
}
/* desde 1280px */
@media (min-width: 1280px)
{
	.tam-img-hero
	{
		bottom: 0;
		max-width: 630px !important;
	}
}
/* desde 1366px */
@media (min-width: 1366px)
{
	.tam-img-hero
	{
		max-width: 680px !important;
	}
}
/* desde 1470px */
@media (min-width: 1470px)
{
	.tam-img-hero
	{
		max-width: 750px !important;
	}
}
/* Plugin Carousel Slider Block for Gutenberg */
/* slider */
.tam-fondo-slider
{
	height: 800px;
}
/* columnas con fondo */
.tam-col-servicios-fondo
{
	background-image: url("https://www.tallerautocaravanasmora.com/wp-content/uploads/2023/09/campervan2.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 350px;
}
/* cuerpo */
/* guiones */
h1, h2
{
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* imagen alineada a la derecha */
.tam-img-alineacion-derecha
{
	text-align: right;
}
/* mapa de Google responsive */
.tam-mapa-de-google-ancho-completo,
.tam-mapa-de-google-ancho-relativo
{
	position: relative;
	overflow: hidden !important;
}
.tam-mapa-de-google-ancho-completo
{
  height: 600px;
}
.tam-mapa-de-google-ancho-relativo
{
  height: 350px;
}
.tam-mapa-de-google-ancho-completo iframe,
.tam-mapa-de-google-ancho-relativo iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* tabla */
.tam-tabla table th
{
	background-color: #FFB340;
}
/* regla horizontal */
.tam-hr-ancho-total
{
	border: 1px solid;
}
/* sección de bolitas en index */
.tam-grupo-bolitas
{
	background-image: url("https://www.tallerautocaravanasmora.com/wp-content/uploads/2024/11/fondo-naranja-blanco.png");
	background-position: center;
	background-repeat: repeat;
	background-size: contain;
}
/* Blog */
/* blockquote - cita */
.wp-block-quote
{
	color: #FFB340;
	font-weight: 700;
	font-size: 1.25rem;
	font-style: italic;
	border-top: 2px solid #FFB340;
	border-bottom: 2px solid #FFB340;
	border-left: none;
	border-right: none;
	margin: 30px 0;
}
/* imagen */
.wp-block-image
{
    margin: 30px 0;
}
/* figcaption - leyenda de imagen */
.wp-block-image figcaption
{
	color: #FFB340;
	font-weight: 600;
	font-size: 1rem;
	font-style: italic;
	border-bottom: 2px solid #FFB340;
	line-height: 1.2;
	padding-bottom: 5px;
}
/* etiquetas de publicación */
.tam-etiquetas a
{
    color: #FFFFFF !important;
	font-weight: 700;
	padding: 4px 10px;
    background-color: #333333;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}
/* paginación */
.tam-paginacion-anterior,
.tam-paginacion-siguiente,
.tam-publicacion-anterior,
.tam-publicacion-siguiente
{
	border: 1px solid #FFB340;
	padding: 5px 10px;
	border-radius: 2px;
}
/* autor */
.tam-autor-de-la-publicacion
{
	border-radius: 2px;
	padding: 15px;
	background-color: #FFB340;
}
.tam-autor-de-la-publicacion .wp-block-post-author__name
{
	color: #FFFFFF;
	font-size: 1.625rem;
	font-weight: bold;
	line-height: 1;
}
.tam-autor-de-la-publicacion .wp-block-post-author__name a
{
	color: #000000;
	font-weight: bold;
}
.tam-autor-de-la-publicacion .wp-block-post-author__bio
{
	color: #000000;
	font-size: 1rem;
	margin-top: 10px;
	margin-bottom: 0;
}
.tam-autor-de-la-publicacion .avatar
{
	border-radius: 100%;
	border: 1px solid #FFB340;
}
/* Formulario de comentarios de WP */
.comment-form label
{
	color: #000000;
	font-weight: bold;
}
.comment-respond h3
{
	font-style: italic;
}
/* campos en estado normal */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="password"],
.comment-form input[type="number"],
.comment-form input[type="color"],
.comment-form input[type="time"],
.comment-form input[type="date"],
.comment-form input[type="datetime-local"],
.comment-form input[type="month"],
.comment-form input[type="file"],
.comment-form input[type="tel"],
.comment-form input[type="url"],
.comment-form input[type="search"],
.comment-form textarea,
.comment-form select
{
	color: #000000;
	background-color: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.04);
	border-radius: 2px !important;
	width: 100%;
	padding: 15px;
}
/* Formulario de Contact Form 7 */
/* grupo de campos, leyenda y etiquetas */
.wpcf7-form fieldset
{
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0.04);
	border-bottom: 1px solid rgba(0,0,0,0.04);
	border-left: 0;
	border-right: 0;
	border-radius: 2px;
	margin-bottom: 20px;
}
.wpcf7-form legend
{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FFB340;
	border-radius: 2px;
	padding: 5px 20px !important;
	background-color: #FFB340;
}
.wpcf7-form label
{
	color: #000000;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 5px !important;
	width: auto;
}
.wpcf7-form label i
{
	color: #000000;
	font-weight: normal;
}
/* campos en estado normal */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="color"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="file"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="search"],
.wpcf7-form textarea,
.wpcf7-form select
{
	color: #000000;
	background-color: rgba(0,0,0,0.02);
	border: 1px solid rgba(0,0,0,0.04);
	border-radius: 2px !important;
	width: 100%;
	padding: 15px;
	margin-bottom: 0;
	box-sizing: border-box;
}
/* campos al hacer clic */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="color"]:focus,
.wpcf7-form input[type="time"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form input[type="datetime-local"]:focus,
.wpcf7-form input[type="month"]:focus,
.wpcf7-form input[type="file"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="search"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus
{
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FFB340 !important;
}
/* botón enviar */
.wpcf7-form input[type="submit"]
{
	cursor: pointer;
	border-radius: 2px;
	display: block;
	margin: 0 auto;
	padding: 15px 25px;
	color: #000000;
	font-weight: bold;
	font-size: 1.125rem;
	background-color: #FFB340;
	border: none;
}
.wpcf7-form input[type="submit"]:hover
{
	background-color: #FF7333;
}
.wpcf7-form input[type="submit"]:focus
{
	background-color: #222222;
}
/* Pie de página */
/* quita el margen superior al cuerpo y al footer  */
.is-layout-constrained, .wp-site-blocks footer
{
	margin-block-start: auto;
}
/* mapa de Google */
.tam-mapa-de-google-footer iframe
{
	width: 100%;
	height: 220px;
}
/* botón ir arriba */
.tam-columna-boton-subir
{
	position: relative;
}
.tam-boton-subir
{
	position: absolute;
	bottom: 0;
	right: 0;
}