/*
Theme Name: Frio Mendez y Oliva
Theme URI: https://friomendezyoliva.com
Description: Tema hijo de Twenty Twenty-Five para friomendezyoliva.com. Replica el diseno del antiguo tema HELMETS usando solo bloques nativos, sin RevSlider, WPBakery, Essential Grid ni Ultimate Addons.
Author: Idimad 360
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Template: twentytwentyfive
Text Domain: fmyo
*/

/* ------------------------------------------------------------------
   Ajustes para acercar el resultado al diseno del tema HELMETS
   anterior. Las medidas salen de comparar los estilos calculados
   de la web antigua, no de aproximar a ojo.
   ------------------------------------------------------------------ */

/* Banda de cabecera de pagina: imagen de fondo, velo oscuro y titulo
   en blanco sobre ella, como hacia el tema anterior. */
.fmyo-page-banner {
	position: relative;
	min-height: 197px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-color: #373636;
}
.fmyo-page-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}
.fmyo-page-banner > * {
	position: relative;
	z-index: 1;
	width: 100%;
}
.fmyo-page-banner .wp-block-post-title,
.fmyo-page-banner h1 {
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0;
}

/* Acordeon: el original es una barra de 50px, Ubuntu 16px en
   mayusculas, separada por una linea fina. */
.wp-block-details {
	margin: 0 0 1px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ececec;
}
.wp-block-details summary {
	font-family: Ubuntu, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
	text-transform: uppercase;
	color: #373636;
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-right: 30px;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 6px;
	font-size: 20px;
	font-weight: 400;
	color: #95b001;
}
.wp-block-details[open] summary::after { content: "\2013"; }
.wp-block-details > *:not(summary) { padding: 10px 0 25px; margin: 0; }
.wp-block-details > figure:not(summary) { padding-top: 0; }

/* Bloque de caracteristica con icono, como los del tema anterior. */
.fmyo-feature .icon {
	display: block;
	font-size: 32px;
	line-height: 1;
	color: #575757;
	margin-bottom: 14px;
}
.fmyo-feature h6,
.fmyo-feature h5 {
	font-family: Ubuntu, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #373636;
	text-transform: none;
	margin: 0 0 8px;
}
.fmyo-feature p {
	font-size: 13px;
	line-height: 22px;
	color: #a6a6a6;
	text-align: justify;
	margin: 0;
}

/* Los enlaces del cuerpo del original no van en verde salvo en menus
   y pies; dentro del texto mantienen el color del parrafo. */
.wp-block-post-content a:not(.wp-block-button__link) { color: #95b001; }
/* Los botones llevan su propio color de texto; la regla de enlaces no debe pisarlo. */
.wp-block-button__link { color: #fff; }
.wp-block-button.fmyo-btn-linea .wp-block-button__link { color: #000; }

/* El tema padre usa un peso ligero por defecto; el original va en 400. */
body, .wp-block-post-content, .wp-block-post-content p { font-weight: 400; }

/* Antetitulo de seccion ("¿QUE HACEMOS?"): en el original es gris de 12px,
   no verde ni espaciado. */
.fmyo-eyebrow {
	font-family: Ubuntu, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #575757;
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 6px;
}

/* Boton secundario de las tarjetas de servicio: borde fino gris y texto
   negro, no el boton verde solido. */
.wp-block-button.fmyo-btn-linea .wp-block-button__link {
	background: transparent;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
	padding: 2px 12px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.wp-block-button.fmyo-btn-linea .wp-block-button__link:hover {
	background: #95b001;
	border-color: #95b001;
	color: #fff;
}

/* Formulario de contacto: campos grises de 40px con borde fino y boton
   gris, calcado del formulario del tema anterior. */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	padding: 8px 15px;
	font-family: Ubuntu, sans-serif;
	font-size: 14px;
	color: #575757;
	box-sizing: border-box;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] { height: 40px; }
.wpcf7 textarea { height: 150px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus { border-color: #95b001; outline: none; }
.wpcf7 input[type="submit"] {
	background: #7d7d7d;
	color: #fff;
	border: 0;
	border-radius: 2px;
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: #95b001; }
.wpcf7 p { margin-bottom: 14px; }

/* Datos de contacto con icono, como los ts_icon_text del tema anterior. */
.fmyo-dato { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.fmyo-dato .fa { font-size: 16px; color: #575757; line-height: 22px; width: 18px; text-align: center; flex: none; }
.fmyo-dato .fmyo-dato-txt { font-size: 14px; line-height: 22px; color: #a6a6a6; }
.fmyo-dato .fmyo-dato-txt strong { color: #373636; font-weight: 500; }

/* Listado de entradas y proyectos: lista vertical con imagen grande,
   como el archivo del tema anterior (no rejilla de tarjetas). */
.fmyo-entrada .wp-block-post-title { margin: 0 0 6px; }
.fmyo-entrada .wp-block-post-title a { color: #1b1a1a; text-decoration: none; }
.fmyo-entrada .wp-block-post-title a:hover { color: #95b001; }
.fmyo-entrada .wp-block-post-featured-image img { width: 100%; height: auto; display: block; }
.fmyo-entrada .wp-block-post-date { font-size: 12px; color: #666; margin: 0 0 12px; }
.fmyo-entrada .wp-block-post-excerpt__excerpt { font-size: 13px; line-height: 22px; color: #a6a6a6; }