/*
Theme Name: v1 Tindalos Child
Theme URI: https://tindalos.es/
Description: Tema hijo de Tindalos.
Author: Tíndalos Diseño Intuitivo
Author URI: https://tindalos.es
Template: tindalos
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Tindalos
*/
/*gremio*/
 .nav-item{   font-family: "Barlow Condensed", sans-serif;    font-optical-sizing: auto; text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.2rem;}
h2, h3 {
  position: relative; /* Necesario para posicionar ::before dentro */
  padding-top: 12px;  /* Para que el triángulo no tape el texto */
}

h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 3rem;
}

h2.has-text-align-center {
  display: block; /* se adapta al ancho completo */
  text-align: center;
}
.editorial {    gap: 0!important;}

/*animaciones */
h2 {            opacity: 0;            transform: translateY(20px);        }
h2.animated {            opacity: 1;            transform: translateY(0);            transition: all 0.6s ease;        }
.blorequeresaltado  {         opacity: 0;            transform: translateX(-30px);        }
.blorequeresaltado.animated {            opacity: 1;            transform: translateX(0);            transition: all 0.6s ease;        }

.editorial>.wp-block-group  {        opacity: 0;            transform: translateY(30px);        }
.editorial.animated>.wp-block-group  {            opacity: 1;            transform: translateY(0);            transition: all 0.6s ease 0.2s;        }
.beneficio>.wp-block-group  {        opacity: 0;            transform: translateY(30px);        }
.beneficio.animated>.wp-block-group  {            opacity: 1;            transform: translateY(0);            transition: all 0.6s ease 0.2s;        }
.aparece  {        opacity: 0;         }
.aparece.animated  {            opacity: 1;                    transition: all 0.6s ease 0.2s;        }
.aleft  {                transform: translateX(-30px);        }
.aleft.animated  {       transform: translateX(0px);      }

h2.has-text-align-center::after {
  content: '';
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100px; /* ajusta la longitud de la barra */
  height: 3px;
  background-color: #2980b9;
  border-radius: 2px;
}
.beneficio .wp-block-boldblocks-svg-block :not(.use-as-button) svg {    /*text-align: center;
margin: 0 auto; max-width:80px!important*/}
 .beneficio   .wp-block-boldblocks-svg-block  {
        max-width: 120px !important;
        padding: 20px;

        background-color: #e3f2fd;
 border-radius: 50%;}
 .beneficio h3 {   line-height: 2.2rem;    font-size: 2rem;}
  .beneficio p {   font-size:16px;}
ul.checks {
  list-style: none;     padding-left: 0;      
}

ul.checks li {  
    padding-left: 1.8em;
    font-size: 1.4rem;
    margin-bottom: 20px;
  position: relative;  
}

ul.checks li::before {  content: "✔";       position: absolute;  left: 0;  top: 0;
  color: #2279a9;           /* aquí cambias el color */
  font-weight: bold;
}

.bg01 {background:#f8f9fa}
.blorequeresaltado {
            background-color: #f8f9fa;
            border-radius: 15px;
padding: 20px 30px 20px;
            margin-bottom: 30px;
            border-left: 4px solid #2980b9;
           /* opacity: 0;
            transform: translateX(-30px);*/
        }
        .blorequeresaltado.animated {
            opacity: 1;
            transform: translateX(0);
            transition: all 0.6s ease;
        }
		
		.bg01 .blorequeresaltado {background:#fff!important}

.destacado {border-color: #e6e1dd;
    border-radius: 20px;
    padding-top: var(--wp--preset--spacing--50);
    padding-right: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
    padding-left: var(--wp--preset--spacing--50);
    /* background: linear-gradient(to right, rgba(230, 225, 221, 0) 90%, #E6E1DD 90%, #E6E1DD 100%); */
    /* border-style: dashed; */
border-width: 4px;}
.container-640 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.gradientbg{  /*position: relative;  display: inline-block;*/}
 .gradientbg .wp-block-cover__inner-container { z-index: 2;}
.gradientbg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FFF 0%, rgba(240, 250, 250, 1) 40%,  rgba(230, 225, 221, 0) 70%);
 /* background: linear-gradient(to right, #E6E1DD 0%, rgba(230, 225, 221, 0) 50%, #968477 100%); */
 z-index: 1;
pointer-events: none; /* para que no bloquee clics */
}
.deg01{ 
  position: relative;
  display: inline-block; /* o block, según tu diseño */
}

.deg01::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(to right,
  #E6E1DD 0%,
  rgba(230, 225, 221, 0) 80%,
  #968477 100%);  pointer-events: none; /* para que no bloquee clics */
}

.wp-block-latest-posts__list li ,.news-card {
    background-color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef; padding:20px;
}
 .wp-block-latest-posts__post-title {   font-size: 1.4rem;    font-weight: bold;}
.logotipo-navegacion {max-width: 110px;}
.tindalos-top-footer {border-top:10px solid #F8F9FA}
 .widgetfooter li{   color: #e6edf3;    list-style: disc; font-size:.9rem;}
h3 {color:#2279a9!important}
.widthpeq {max-width:540px;     margin: 0 auto;}

.wp-block-cover__background h3,  .wp-block-cover__background a, .fondooscuro h2, .fondooscuro h3, .fondooscuro a {color:#FFF!important}
@media screen and (min-width: 720px) {
	.coverdiaghome{ height:100%;     clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 50% 100%); position:absolute;  width: 100%;}
	}

/*Invertir colores blanco/negro de los logos UE*/
.logo-invert {
    filter: invert(1) grayscale(1);
}

/*form con placeholder y label */
/*form label {font-size:0}
form label span{font-size:1rem}
form label input[type="checkbox"]{font-size:1rem!important}*/
/*colores en el form*/
form {    background-color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
padding: 20px 20px 0;}
input[type="submit"], .fbc-items li a{color:#C5A253!important}
input[type="submit"]{background-color: #C5A253;}
input[type="submit"] {border: none!important; border-radius: 9999px!important;  color: #FFF!important; transition: 0.1s; }
input[type="submit"]:hover{background-color: #C5A253; color: #FFF!important; transform: scale(1.1);}
input, textarea,  select {  border: 1px solid #1e73be!important;}

input:focus, textarea:focus,  select:focus {  border: #C5A253 3px solid!important;}
input[type="checkbox"]::before {   background-color: #C5A253;}

.portfolio-image {    max-height: 450px!important;}

/*interacción del título en el header*/
.titulo-header {    transition: 0.3s!important;}

.titulo-header:hover {    color:#C5A253!important;}
.dropdown-menu{margin: -2px 0;}

.widget_polylang {list-style:none;}
.widget_polylang li {list-style:none;}
.widget_polylang a/*body.home header ul>li:last-of-type a*/{      border: 1px solid #FFF; transition: 0.3s;     font-weight: 300;
    padding: 4px 10px;
    border-radius: 1rem;
    font-size: .9rem;
    border: 1px solid #000;}
.widget_polylang a:hover{/*body.home header ul>li:last-of-type a*/      border: 1px solid #000; background-color: #FFF; color: #000!important;}
/*body.home.scrolled header ul>li:last-of-type a{      border: 1px solid #000; transition: 0.3s;}
body.home.scrolled header ul>li:last-of-type a:hover {
    background-color: #000;
    color:#FFF!important;
}*/

/* header en el resto de la página*/
#menu-top-bar {    list-style: none;    margin: 0;
    padding: 0;    display: flex;    gap: 15px;
}

#menu-top-bar li {    display: inline;}

#menu-top-bar li a {
    text-decoration: none;    display: inline-block;    padding: 5px 10px;
}

header {
    background-color: rgba(255, 255, 255, 0.7);    position:sticky;    top: 0px;    z-index: 9999;
    -webkit-backdrop-filter: blur(10px);     box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 720px) {
header { backdrop-filter: blur(10px); 	}
}

.wp-block-navigation a{
    transition: color 0.3s ease;

}
  
.wp-block-navigation li:hover {
    color: #C5A253;         
}

a:hover {    text-decoration: none !important;    box-shadow: none !important;}
/*
header ul>li:last-of-type a {    font-weight: 300;    padding: 4px 10px;    border-radius: 1rem;    font-size: .9rem;    border: 1px solid #000;}

header ul>li:last-of-type a:hover {	color: #FFF!important;	background-color: #000;}
*/