@font-face{
  font-family: 'AMFina';
  src: url('/fonts/AMFinav1-Regular-edited.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.poppins {
    font-family: 'Poppins', sans-serif;
}

/** HEADER **/

:root { 
	--hg-pill:#BBDDE6;
	--hg-dark-blue:#00263A;
	--hg-light-blue:#04ADC7;
  --hg-astondoa-blue:#7CD3DD;
}

.bg-dark-blue {
    background-color: var(--hg-dark-blue, #00263A) !important;
}

.bg-light-blue {
    background-color: var(--hg-light-blue, #04ADC7) !important;
}

.bb-light-blue {
  border-bottom: 5px solid #00AEC7;
}

.bg-body {
  background-color: #E9F0F2 !important;
}

#menu_principal {
	box-shadow: 0 1.67px 8.35px 0 rgba(0, 0, 0, 0.25);
	transition: background 1.0s;
}

#logo-header-container {
	width: 150px;
	align-items: center;
	text-align: center;
}

#logo-header {
	height: 60px;
	transition: height 1.0s;
}

#logo-header-mobile {
	height: 40px;
}


.boton_asistente_menu {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
	  background: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;                  /* ← antes 16px */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.boton_asistente_menu img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.boton_asistente_menu:hover {
    color: var(--hg-light-blue, #04ADC7);
    background: white;
    border: 1px solid var(--hg-light-blue, #04ADC7);
}

.boton_asistente_menu:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}

.menu_group_bar {
  border-radius: 10px;
  background-color: var(--hg-pill, #BBDDE6);
  border: 1px solid var(--hg-pill, #BBDDE6);
  color: #00263A;
}

.menu_group_bar li a {
	color: var(--hg-dark-blue, #00263A);
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.menu_group_bar li a:hover,
.menu_group_bar li a:focus {
	color: var(--hg-dark-blue, #00263A);
	font-weight: 600;
}

.header-buscador{
  width: 40px;
  height: 40px;
  line-height: 1;        /* evita “saltos” */
  box-sizing: border-box;/* por si tu reset no es border-box */
}

.header-buscador:hover {
    border: 1px solid var(--hg-light-blue, #04ADC7);
    background: white;
    color: var(--hg-light-blue, #04ADC7);
}

.btn-flag{
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;   /* la bandera llena el círculo */
  line-height: 1;
  box-sizing: border-box;   /* el borde cuenta dentro de 40px */
}

.btn-flag:focus-visible{
  outline: 2px solid #000;  /* accesible */
  outline-offset: 2px;
}

.dropdown-item.active {
	background: var(--hg-light-blue, #04ADC7);
}


/** FOOTER **/

.bloque{
  display: grid;
  gap: 16px;                         /* opcional */
  grid-template-columns: 2fr 1fr 1fr 1fr;  /* 2/5 + 1/5 + 1/5 + 1/5 */
}

@media (max-width: 991.98px){
  .bloque{ grid-template-columns: 1fr; }
  .c1-inner{ width: 100%; }
}

.c1-inner { width:66%; max-width: 720px; }

@media (min-width: 992px){
  .c1-inner{
    width: 66%;
    box-sizing: border-box;       /* por si añades padding/borde */
    /* opcional: centrado o alineado */
    /* margin-inline: auto;        /* centrado dentro de la col */
    /* margin-inline: 0;           /* alineado a la izquierda (por defecto) */
  }
}

@media (max-width: 576px){           /* mobile */
  .bloque{
    grid-template-columns: 1fr;      /* una debajo de otra */
  }
}

.content_newsletter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.row_links_footer .content_newsletter p.title-newsletter {
	font-family: 'AMFina', sans-serif;
	color: #fff;
	text-align: center;
	font-size: 105px;
	font-style: normal;
	font-weight: 400;
  line-height: 95.363px; /* 105.959% */
}

.row_links_footer .content_newsletter p.subtitle-newsletter {
  color: white;
}

/** MENU **/

.logo_menu_mobile {
    padding-left: 0;
    padding-right: 0;
    margin-right: 6px;
}

.menu_group_bar .nav-link.active {
    font-weight: 700;
}


/** HOME HERO **/

/* Fallback que se ve redondeado a ojo */

.bloque_nuestras_marcas {
    width: 100%;
    padding: 120px 0 100px;
    margin-top: 10px;
    text-align: center;
    align-items: center;
}

.bloque_nuestras_marcas:not(.background-wave){
  position: relative;
  z-index: 2;          /* por encima de la ola */
}

.section-background-wave {
  position: relative;
}

.background-wave{
  height: 700px;
  position: absolute; 
  top:-200px; 
  width: 100%;
  z-index: 1;          /* por debajo del anterior */
  background: #00263A;
  clip-path: polygon(0% 100%,0% 11.892%,0.089% 11.984%,0.177% 12.076%,0.266% 12.168%,0.355% 12.261%,0.443% 12.353%,0.532% 12.446%,0.621% 12.539%,0.709% 12.631%,0.798% 12.725%,0.887% 12.818%,0.975% 12.911%,1.064% 13.005%,1.152% 13.098%,1.241% 13.192%,1.33% 13.286%,1.418% 13.38%,1.507% 13.474%,1.596% 13.568%,1.684% 13.662%,1.773% 13.756%,1.862% 13.851%,1.95% 13.945%,2.039% 14.04%,2.128% 14.135%,2.216% 14.23%,2.305% 14.325%,2.394% 14.42%,2.482% 14.515%,2.571% 14.61%,2.66% 14.705%,2.748% 14.8%,2.837% 14.896%,2.926% 14.991%,3.014% 15.087%,3.103% 15.182%,3.191% 15.278%,3.28% 15.373%,3.369% 15.469%,3.457% 15.565%,3.546% 15.661%,3.635% 15.756%,3.723% 15.852%,3.812% 15.948%,3.901% 16.044%,3.989% 16.14%,4.078% 16.236%,4.167% 16.332%,4.255% 16.428%,4.344% 16.524%,4.433% 16.62%,4.521% 16.716%,4.61% 16.812%,4.699% 16.908%,4.787% 17.004%,4.876% 17.1%,4.965% 17.196%,5.053% 17.292%,5.142% 17.388%,5.23% 17.484%,5.319% 17.579%,5.408% 17.675%,5.496% 17.771%,5.585% 17.867%,5.674% 17.963%,5.762% 18.059%,5.851% 18.154%,5.94% 18.25%,6.028% 18.346%,6.117% 18.441%,6.206% 18.537%,6.294% 18.632%,6.383% 18.728%,6.472% 18.823%,6.56% 18.918%,6.649% 19.013%,6.738% 19.109%,6.826% 19.204%,6.915% 19.299%,7.004% 19.393%,7.092% 19.488%,7.181% 19.583%,7.27% 19.678%,7.358% 19.772%,7.447% 19.867%,7.535% 19.961%,7.624% 20.055%,7.713% 20.149%,7.801% 20.243%,7.89% 20.337%,7.979% 20.431%,8.067% 20.525%,8.156% 20.618%,8.245% 20.712%,8.333% 20.805%,8.422% 20.898%,8.511% 20.991%,8.599% 21.084%,8.688% 21.177%,8.777% 21.27%,8.865% 21.362%,8.954% 21.454%,9.043% 21.547%,9.131% 21.639%,9.22% 21.73%,9.309% 21.822%,9.397% 21.914%,9.486% 22.005%,9.574% 22.096%,9.663% 22.187%,9.752% 22.278%,9.84% 22.369%,9.929% 22.459%,10.018% 22.55%,10.106% 22.64%,10.195% 22.73%,10.284% 22.819%,10.372% 22.909%,10.461% 22.998%,10.55% 23.087%,10.638% 23.176%,10.727% 23.265%,10.816% 23.354%,10.904% 23.442%,10.993% 23.53%,11.082% 23.618%,11.17% 23.705%,11.259% 23.793%,11.348% 23.88%,11.436% 23.967%,11.525% 24.054%,11.613% 24.14%,11.702% 24.226%,11.791% 24.312%,11.879% 24.398%,11.968% 24.484%,12.057% 24.569%,12.145% 24.654%,12.234% 24.739%,12.323% 24.823%,12.411% 24.907%,12.5% 24.991%,12.589% 25.075%,12.677% 25.158%,12.766% 25.242%,12.855% 25.324%,12.943% 25.407%,13.032% 25.489%,13.121% 25.571%,13.209% 25.653%,13.298% 25.735%,13.387% 25.816%,13.475% 25.897%,13.564% 25.977%,13.652% 26.057%,13.741% 26.137%,13.83% 26.217%,13.918% 26.296%,14.007% 26.375%,14.096% 26.454%,14.184% 26.533%,14.273% 26.611%,14.362% 26.689%,14.45% 26.766%,14.539% 26.843%,14.628% 26.92%,14.716% 26.996%,14.805% 27.073%,14.894% 27.148%,14.982% 27.224%,15.071% 27.299%,15.16% 27.374%,15.248% 27.448%,15.337% 27.522%,15.426% 27.596%,15.514% 27.669%,15.603% 27.742%,15.691% 27.815%,15.78% 27.887%,15.869% 27.959%,15.957% 28.031%,16.046% 28.102%,16.135% 28.173%,16.223% 28.244%,16.312% 28.314%,16.401% 28.383%,16.489% 28.453%,16.578% 28.522%,16.667% 28.59%,16.755% 28.659%,16.844% 28.726%,16.933% 28.794%,17.021% 28.861%,17.11% 28.927%,17.199% 28.994%,17.287% 29.06%,17.376% 29.125%,17.465% 29.19%,17.553% 29.255%,17.642% 29.319%,17.73% 29.383%,17.819% 29.446%,17.908% 29.509%,17.996% 29.572%,18.085% 29.634%,18.174% 29.696%,18.262% 29.757%,18.351% 29.818%,18.44% 29.878%,18.528% 29.939%,18.617% 29.998%,18.706% 30.057%,18.794% 30.116%,18.883% 30.174%,18.972% 30.232%,19.06% 30.29%,19.149% 30.347%,19.238% 30.403%,19.326% 30.46%,19.415% 30.515%,19.504% 30.57%,19.592% 30.625%,19.681% 30.68%,19.77% 30.733%,19.858% 30.787%,19.947% 30.84%,20.035% 30.892%,20.124% 30.944%,20.213% 30.996%,20.301% 31.047%,20.39% 31.098%,20.479% 31.148%,20.567% 31.198%,20.656% 31.247%,20.745% 31.296%,20.833% 31.344%,20.922% 31.392%,21.011% 31.439%,21.099% 31.486%,21.188% 31.533%,21.277% 31.578%,21.365% 31.624%,21.454% 31.669%,21.543% 31.713%,21.631% 31.757%,21.72% 31.801%,21.809% 31.844%,21.897% 31.886%,21.986% 31.928%,22.074% 31.97%,22.163% 32.011%,22.252% 32.051%,22.34% 32.091%,22.429% 32.131%,22.518% 32.17%,22.606% 32.209%,22.695% 32.247%,22.784% 32.284%,22.872% 32.321%,22.961% 32.358%,23.05% 32.394%,23.138% 32.429%,23.227% 32.464%,23.316% 32.499%,23.404% 32.533%,23.493% 32.566%,23.582% 32.599%,23.67% 32.631%,23.759% 32.663%,23.848% 32.695%,23.936% 32.726%,24.025% 32.756%,24.113% 32.786%,24.202% 32.815%,24.291% 32.844%,24.379% 32.872%,24.468% 32.9%,24.557% 32.927%,24.645% 32.954%,24.734% 32.98%,24.823% 33.005%,24.911% 33.031%,25% 33.055%,25.089% 33.079%,25.177% 33.103%,25.266% 33.126%,25.355% 33.148%,25.443% 33.17%,25.532% 33.191%,25.621% 33.212%,25.709% 33.232%,25.798% 33.252%,25.887% 33.271%,25.975% 33.29%,26.064% 33.308%,26.152% 33.326%,26.241% 33.343%,26.33% 33.359%,26.418% 33.375%,26.507% 33.391%,26.596% 33.406%,26.684% 33.42%,26.773% 33.434%,26.862% 33.447%,26.95% 33.46%,27.039% 33.472%,27.128% 33.484%,27.216% 33.495%,27.305% 33.506%,27.394% 33.516%,27.482% 33.525%,27.571% 33.534%,27.66% 33.542%,27.748% 33.55%,27.837% 33.557%,27.926% 33.564%,28.014% 33.57%,28.103% 33.576%,28.191% 33.581%,28.28% 33.586%,28.369% 33.59%,28.457% 33.593%,28.546% 33.596%,28.635% 33.598%,28.723% 33.6%,28.812% 33.601%,28.901% 33.602%,28.989% 33.602%,29.078% 33.602%,29.167% 33.601%,29.255% 33.599%,29.344% 33.597%,29.433% 33.595%,29.521% 33.592%,29.61% 33.588%,29.699% 33.584%,29.787% 33.579%,29.876% 33.574%,29.965% 33.568%,30.053% 33.561%,30.142% 33.554%,30.23% 33.547%,30.319% 33.539%,30.408% 33.53%,30.496% 33.521%,30.585% 33.511%,30.674% 33.501%,30.762% 33.49%,30.851% 33.479%,30.94% 33.467%,31.028% 33.454%,31.117% 33.441%,31.206% 33.428%,31.294% 33.414%,31.383% 33.399%,31.472% 33.384%,31.56% 33.368%,31.649% 33.352%,31.738% 33.335%,31.826% 33.318%,31.915% 33.3%,32.004% 33.282%,32.092% 33.263%,32.181% 33.244%,32.27% 33.224%,32.358% 33.203%,32.447% 33.182%,32.535% 33.16%,32.624% 33.138%,32.713% 33.116%,32.801% 33.092%,32.89% 33.069%,32.979% 33.044%,33.067% 33.02%,33.156% 32.994%,33.245% 32.968%,33.333% 32.942%,33.422% 32.915%,33.511% 32.888%,33.599% 32.86%,33.688% 32.831%,33.777% 32.802%,33.865% 32.773%,33.954% 32.743%,34.043% 32.712%,34.131% 32.681%,34.22% 32.649%,34.309% 32.617%,34.397% 32.584%,34.486% 32.551%,34.574% 32.518%,34.663% 32.483%,34.752% 32.449%,34.84% 32.414%,34.929% 32.378%,35.018% 32.342%,35.106% 32.305%,35.195% 32.268%,35.284% 32.23%,35.372% 32.192%,35.461% 32.153%,35.55% 32.114%,35.638% 32.074%,35.727% 32.034%,35.816% 31.993%,35.904% 31.952%,35.993% 31.91%,36.082% 31.868%,36.17% 31.825%,36.259% 31.782%,36.348% 31.738%,36.436% 31.694%,36.525% 31.649%,36.613% 31.604%,36.702% 31.558%,36.791% 31.512%,36.879% 31.465%,36.968% 31.418%,37.057% 31.371%,37.145% 31.323%,37.234% 31.274%,37.323% 31.225%,37.411% 31.176%,37.5% 31.126%,37.589% 31.075%,37.677% 31.025%,37.766% 30.973%,37.855% 30.921%,37.943% 30.869%,38.032% 30.816%,38.121% 30.763%,38.209% 30.71%,38.298% 30.656%,38.387% 30.601%,38.475% 30.546%,38.564% 30.491%,38.652% 30.435%,38.741% 30.378%,38.83% 30.322%,38.918% 30.264%,39.007% 30.207%,39.096% 30.149%,39.184% 30.09%,39.273% 30.031%,39.362% 29.972%,39.45% 29.912%,39.539% 29.852%,39.628% 29.791%,39.716% 29.73%,39.805% 29.668%,39.894% 29.607%,39.982% 29.544%,40.071% 29.481%,40.16% 29.418%,40.248% 29.355%,40.337% 29.291%,40.426% 29.226%,40.514% 29.161%,40.603% 29.096%,40.691% 29.03%,40.78% 28.964%,40.869% 28.898%,40.957% 28.831%,41.046% 28.764%,41.135% 28.696%,41.223% 28.628%,41.312% 28.56%,41.401% 28.491%,41.489% 28.422%,41.578% 28.353%,41.667% 28.283%,41.755% 28.212%,41.844% 28.142%,41.933% 28.071%,42.021% 27.999%,42.11% 27.928%,42.199% 27.855%,42.287% 27.783%,42.376% 27.71%,42.465% 27.637%,42.553% 27.563%,42.642% 27.49%,42.73% 27.415%,42.819% 27.341%,42.908% 27.266%,42.996% 27.19%,43.085% 27.115%,43.174% 27.039%,43.262% 26.963%,43.351% 26.886%,43.44% 26.809%,43.528% 26.732%,43.617% 26.654%,43.706% 26.576%,43.794% 26.498%,43.883% 26.419%,43.972% 26.341%,44.06% 26.261%,44.149% 26.182%,44.238% 26.102%,44.326% 26.022%,44.415% 25.942%,44.504% 25.861%,44.592% 25.78%,44.681% 25.699%,44.77% 25.617%,44.858% 25.535%,44.947% 25.453%,45.035% 25.371%,45.124% 25.288%,45.213% 25.205%,45.301% 25.122%,45.39% 25.038%,45.479% 24.954%,45.567% 24.87%,45.656% 24.786%,45.745% 24.701%,45.833% 24.616%,45.922% 24.531%,46.011% 24.446%,46.099% 24.36%,46.188% 24.274%,46.277% 24.188%,46.365% 24.102%,46.454% 24.015%,46.543% 23.928%,46.631% 23.841%,46.72% 23.754%,46.809% 23.667%,46.897% 23.579%,46.986% 23.491%,47.074% 23.403%,47.163% 23.314%,47.252% 23.226%,47.34% 23.137%,47.429% 23.048%,47.518% 22.959%,47.606% 22.869%,47.695% 22.78%,47.784% 22.69%,47.872% 22.6%,47.961% 22.51%,48.05% 22.419%,48.138% 22.329%,48.227% 22.238%,48.316% 22.147%,48.404% 22.056%,48.493% 21.965%,48.582% 21.873%,48.67% 21.782%,48.759% 21.69%,48.848% 21.598%,48.936% 21.506%,49.025% 21.414%,49.113% 21.321%,49.202% 21.229%,49.291% 21.136%,49.379% 21.043%,49.468% 20.95%,49.557% 20.857%,49.645% 20.764%,49.734% 20.67%,49.823% 20.577%,49.911% 20.483%,50% 20.39%,50.089% 20.296%,50.177% 20.202%,50.266% 20.108%,50.355% 20.014%,50.443% 19.919%,50.532% 19.825%,50.621% 19.73%,50.709% 19.636%,50.798% 19.541%,50.887% 19.446%,50.975% 19.351%,51.064% 19.257%,51.152% 19.162%,51.241% 19.066%,51.33% 18.971%,51.418% 18.876%,51.507% 18.781%,51.596% 18.685%,51.684% 18.59%,51.773% 18.494%,51.862% 18.399%,51.95% 18.303%,52.039% 18.208%,52.128% 18.112%,52.216% 18.016%,52.305% 17.92%,52.394% 17.825%,52.482% 17.729%,52.571% 17.633%,52.66% 17.537%,52.748% 17.441%,52.837% 17.345%,52.926% 17.249%,53.014% 17.153%,53.103% 17.057%,53.191% 16.961%,53.28% 16.865%,53.369% 16.769%,53.457% 16.673%,53.546% 16.577%,53.635% 16.481%,53.723% 16.385%,53.812% 16.289%,53.901% 16.193%,53.989% 16.097%,54.078% 16.001%,54.167% 15.906%,54.255% 15.81%,54.344% 15.714%,54.433% 15.618%,54.521% 15.522%,54.61% 15.427%,54.699% 15.331%,54.787% 15.235%,54.876% 15.14%,54.965% 15.044%,55.053% 14.949%,55.142% 14.853%,55.23% 14.758%,55.319% 14.663%,55.408% 14.568%,55.496% 14.473%,55.585% 14.378%,55.674% 14.283%,55.762% 14.188%,55.851% 14.093%,55.94% 13.998%,56.028% 13.904%,56.117% 13.809%,56.206% 13.715%,56.294% 13.62%,56.383% 13.526%,56.472% 13.432%,56.56% 13.338%,56.649% 13.244%,56.738% 13.15%,56.826% 13.057%,56.915% 12.963%,57.004% 12.87%,57.092% 12.776%,57.181% 12.683%,57.27% 12.59%,57.358% 12.497%,57.447% 12.405%,57.535% 12.312%,57.624% 12.22%,57.713% 12.127%,57.801% 12.035%,57.89% 11.943%,57.979% 11.851%,58.067% 11.76%,58.156% 11.668%,58.245% 11.577%,58.333% 11.486%,58.422% 11.395%,58.511% 11.304%,58.599% 11.213%,58.688% 11.123%,58.777% 11.033%,58.865% 10.943%,58.954% 10.853%,59.043% 10.763%,59.131% 10.673%,59.22% 10.584%,59.309% 10.495%,59.397% 10.406%,59.486% 10.318%,59.574% 10.229%,59.663% 10.141%,59.752% 10.053%,59.84% 9.965%,59.929% 9.877%,60.018% 9.79%,60.106% 9.703%,60.195% 9.616%,60.284% 9.529%,60.372% 9.443%,60.461% 9.357%,60.55% 9.271%,60.638% 9.185%,60.727% 9.1%,60.816% 9.014%,60.904% 8.929%,60.993% 8.845%,61.082% 8.76%,61.17% 8.676%,61.259% 8.592%,61.348% 8.509%,61.436% 8.425%,61.525% 8.342%,61.613% 8.259%,61.702% 8.177%,61.791% 8.095%,61.879% 8.013%,61.968% 7.931%,62.057% 7.85%,62.145% 7.768%,62.234% 7.688%,62.323% 7.607%,62.411% 7.527%,62.5% 7.447%,62.589% 7.367%,62.677% 7.288%,62.766% 7.209%,62.855% 7.131%,62.943% 7.052%,63.032% 6.974%,63.121% 6.896%,63.209% 6.819%,63.298% 6.742%,63.387% 6.665%,63.475% 6.589%,63.564% 6.513%,63.652% 6.437%,63.741% 6.362%,63.83% 6.287%,63.918% 6.212%,64.007% 6.138%,64.096% 6.064%,64.184% 5.99%,64.273% 5.917%,64.362% 5.844%,64.45% 5.771%,64.539% 5.699%,64.628% 5.627%,64.716% 5.555%,64.805% 5.484%,64.894% 5.413%,64.982% 5.343%,65.071% 5.273%,65.16% 5.203%,65.248% 5.134%,65.337% 5.065%,65.426% 4.997%,65.514% 4.929%,65.603% 4.861%,65.691% 4.793%,65.78% 4.727%,65.869% 4.66%,65.957% 4.594%,66.046% 4.528%,66.135% 4.463%,66.223% 4.398%,66.312% 4.333%,66.401% 4.269%,66.489% 4.205%,66.578% 4.142%,66.667% 4.079%,66.755% 4.017%,66.844% 3.954%,66.933% 3.893%,67.021% 3.832%,67.11% 3.771%,67.199% 3.71%,67.287% 3.65%,67.376% 3.591%,67.465% 3.532%,67.553% 3.473%,67.642% 3.415%,67.73% 3.357%,67.819% 3.3%,67.908% 3.243%,67.996% 3.186%,68.085% 3.13%,68.174% 3.075%,68.262% 3.02%,68.351% 2.965%,68.44% 2.911%,68.528% 2.857%,68.617% 2.803%,68.706% 2.751%,68.794% 2.698%,68.883% 2.646%,68.972% 2.595%,69.06% 2.544%,69.149% 2.493%,69.238% 2.443%,69.326% 2.393%,69.415% 2.344%,69.504% 2.296%,69.592% 2.247%,69.681% 2.2%,69.77% 2.152%,69.858% 2.106%,69.947% 2.059%,70.035% 2.014%,70.124% 1.968%,70.213% 1.923%,70.301% 1.879%,70.39% 1.835%,70.479% 1.792%,70.567% 1.749%,70.656% 1.706%,70.745% 1.665%,70.833% 1.623%,70.922% 1.582%,71.011% 1.542%,71.099% 1.502%,71.188% 1.462%,71.277% 1.424%,71.365% 1.385%,71.454% 1.347%,71.543% 1.31%,71.631% 1.273%,71.72% 1.236%,71.809% 1.201%,71.897% 1.165%,71.986% 1.13%,72.074% 1.096%,72.163% 1.062%,72.252% 1.029%,72.34% 0.996%,72.429% 0.964%,72.518% 0.932%,72.606% 0.901%,72.695% 0.87%,72.784% 0.84%,72.872% 0.81%,72.961% 0.781%,73.05% 0.752%,73.138% 0.724%,73.227% 0.696%,73.316% 0.669%,73.404% 0.643%,73.493% 0.617%,73.582% 0.591%,73.67% 0.566%,73.759% 0.542%,73.848% 0.518%,73.936% 0.494%,74.025% 0.472%,74.113% 0.449%,74.202% 0.427%,74.291% 0.406%,74.379% 0.385%,74.468% 0.365%,74.557% 0.346%,74.645% 0.327%,74.734% 0.308%,74.823% 0.29%,74.911% 0.272%,75% 0.255%,75.089% 0.239%,75.177% 0.223%,75.266% 0.208%,75.355% 0.193%,75.443% 0.179%,75.532% 0.165%,75.621% 0.152%,75.709% 0.139%,75.798% 0.127%,75.887% 0.116%,75.975% 0.105%,76.064% 0.094%,76.152% 0.084%,76.241% 0.075%,76.33% 0.066%,76.418% 0.058%,76.507% 0.05%,76.596% 0.043%,76.684% 0.037%,76.773% 0.031%,76.862% 0.025%,76.95% 0.02%,77.039% 0.016%,77.128% 0.012%,77.216% 0.008%,77.305% 0.006%,77.394% 0.003%,77.482% 0.002%,77.571% 0.001%,77.66% 0%,77.748% 0%,77.837% 0.001%,77.926% 0.002%,78.014% 0.003%,78.103% 0.005%,78.191% 0.008%,78.28% 0.011%,78.369% 0.015%,78.457% 0.02%,78.546% 0.024%,78.635% 0.03%,78.723% 0.036%,78.812% 0.042%,78.901% 0.05%,78.989% 0.057%,79.078% 0.065%,79.167% 0.074%,79.255% 0.083%,79.344% 0.093%,79.433% 0.104%,79.521% 0.115%,79.61% 0.126%,79.699% 0.138%,79.787% 0.151%,79.876% 0.164%,79.965% 0.177%,80.053% 0.191%,80.142% 0.206%,80.23% 0.221%,80.319% 0.237%,80.408% 0.254%,80.496% 0.27%,80.585% 0.288%,80.674% 0.306%,80.762% 0.324%,80.851% 0.343%,80.94% 0.363%,81.028% 0.383%,81.117% 0.404%,81.206% 0.425%,81.294% 0.447%,81.383% 0.469%,81.472% 0.492%,81.56% 0.515%,81.649% 0.539%,81.738% 0.563%,81.826% 0.588%,81.915% 0.614%,82.004% 0.64%,82.092% 0.666%,82.181% 0.693%,82.27% 0.721%,82.358% 0.749%,82.447% 0.777%,82.535% 0.806%,82.624% 0.836%,82.713% 0.866%,82.801% 0.897%,82.89% 0.928%,82.979% 0.96%,83.067% 0.992%,83.156% 1.025%,83.245% 1.058%,83.333% 1.092%,83.422% 1.126%,83.511% 1.161%,83.599% 1.196%,83.688% 1.232%,83.777% 1.269%,83.865% 1.305%,83.954% 1.343%,84.043% 1.381%,84.131% 1.419%,84.22% 1.458%,84.309% 1.497%,84.397% 1.537%,84.486% 1.578%,84.574% 1.618%,84.663% 1.66%,84.752% 1.702%,84.84% 1.744%,84.929% 1.787%,85.018% 1.83%,85.106% 1.874%,85.195% 1.918%,85.284% 1.963%,85.372% 2.008%,85.461% 2.054%,85.55% 2.1%,85.638% 2.147%,85.727% 2.194%,85.816% 2.242%,85.904% 2.29%,85.993% 2.339%,86.082% 2.388%,86.17% 2.437%,86.259% 2.487%,86.348% 2.538%,86.436% 2.589%,86.525% 2.64%,86.613% 2.692%,86.702% 2.745%,86.791% 2.797%,86.879% 2.851%,86.968% 2.904%,87.057% 2.959%,87.145% 3.013%,87.234% 3.068%,87.323% 3.124%,87.411% 3.18%,87.5% 3.236%,87.589% 3.293%,87.677% 3.35%,87.766% 3.408%,87.855% 3.466%,87.943% 3.525%,88.032% 3.584%,88.121% 3.644%,88.209% 3.703%,88.298% 3.764%,88.387% 3.825%,88.475% 3.886%,88.564% 3.947%,88.652% 4.009%,88.741% 4.072%,88.83% 4.135%,88.918% 4.198%,89.007% 4.262%,89.096% 4.326%,89.184% 4.39%,89.273% 4.455%,89.362% 4.521%,89.45% 4.586%,89.539% 4.652%,89.628% 4.719%,89.716% 4.786%,89.805% 4.853%,89.894% 4.921%,89.982% 4.989%,90.071% 5.057%,90.16% 5.126%,90.248% 5.195%,90.337% 5.265%,90.426% 5.335%,90.514% 5.405%,90.603% 5.476%,90.691% 5.547%,90.78% 5.619%,90.869% 5.69%,90.957% 5.763%,91.046% 5.835%,91.135% 5.908%,91.223% 5.981%,91.312% 6.055%,91.401% 6.129%,91.489% 6.203%,91.578% 6.278%,91.667% 6.353%,91.755% 6.428%,91.844% 6.504%,91.933% 6.58%,92.021% 6.656%,92.11% 6.733%,92.199% 6.81%,92.287% 6.888%,92.376% 6.965%,92.465% 7.043%,92.553% 7.122%,92.642% 7.2%,92.73% 7.279%,92.819% 7.358%,92.908% 7.438%,92.996% 7.518%,93.085% 7.598%,93.174% 7.678%,93.262% 7.759%,93.351% 7.84%,93.44% 7.922%,93.528% 8.003%,93.617% 8.085%,93.706% 8.167%,93.794% 8.25%,93.883% 8.333%,93.972% 8.416%,94.06% 8.499%,94.149% 8.583%,94.238% 8.667%,94.326% 8.751%,94.415% 8.835%,94.504% 8.92%,94.592% 9.005%,94.681% 9.09%,94.77% 9.175%,94.858% 9.261%,94.947% 9.347%,95.035% 9.433%,95.124% 9.519%,95.213% 9.606%,95.301% 9.693%,95.39% 9.78%,95.479% 9.867%,95.567% 9.955%,95.656% 10.043%,95.745% 10.131%,95.833% 10.219%,95.922% 10.307%,96.011% 10.396%,96.099% 10.485%,96.188% 10.574%,96.277% 10.663%,96.365% 10.753%,96.454% 10.842%,96.543% 10.932%,96.631% 11.022%,96.72% 11.113%,96.809% 11.203%,96.897% 11.294%,96.986% 11.384%,97.074% 11.475%,97.163% 11.566%,97.252% 11.658%,97.34% 11.749%,97.429% 11.841%,97.518% 11.933%,97.606% 12.025%,97.695% 12.117%,97.784% 12.209%,97.872% 12.301%,97.961% 12.394%,98.05% 12.487%,98.138% 12.58%,98.227% 12.673%,98.316% 12.766%,98.404% 12.859%,98.493% 12.952%,98.582% 13.046%,98.67% 13.14%,98.759% 13.233%,98.848% 13.327%,98.936% 13.421%,99.025% 13.515%,99.113% 13.609%,99.202% 13.704%,99.291% 13.798%,99.379% 13.893%,99.468% 13.987%,99.557% 14.082%,99.645% 14.177%,99.734% 14.272%,99.823% 14.367%,99.911% 14.462%,100% 14.557%,100.089% 14.652%,100% 100%);
}

.bloque_nuestras_marcas .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
}

.bloque_nuestras_marcas .container .title {	
	max-width: 850.172px;
	margin:0 auto;        /* centra horizontal */
	text-align: center;
  align-items: center;
}

.bloque_nuestras_marcas .container .subtitle { 
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 145.833% */
  margin:0 auto;        /* centra horizontal */
  text-align: center;
  align-items: center;
}

.bloque_nuestras_marcas .container .subtitle>p {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 145.833% */
  margin:0 auto;        /* centra horizontal */
  text-align: center;
  align-items: center;
} 


.bloque_nuestras_marcas h1 {
	color: #00263A;
	text-align: center;
  font-family: "Playfair Display", serif;
	font-size: 68px;
	font-style: normal;
	font-weight: 700;
	line-height: 85px; /* 125% */
}

.bloque_nuestras_marcas h1 span {
	color: #00263A;
	font-family: 'AMFina', sans-serif;
	font-size: 90px;
	font-style: normal;
	font-weight: 400;
	line-height: 85px;
}

.bloque_nuestras_marcas .bloque1 {
	display: flex;
	flex-direction: column;
	align-items: center;
  width: 100%;
	/*height: 825px;*/
  aspect-ratio:1920/1080;
	flex-shrink: 0;
	border-radius: 32.776px;
	background: #D9D9D9;
}

.bloque_nuestras_marcas .bloque1 .texto1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	max-width: 1050px;
	color: #00263A;
	text-align: center;
  font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px; /* 158.333% */
	padding: 20px 0;
}

.bloque_nuestras_marcas .texto2 {
	display: flex;
	width: 100%;
	height: 34px;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #FFF;
	text-align: center;
  font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 6px; /* 25% */
}

.bloque_nuestras_marcas .bloque1 .botones {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 32px;
}

/* base: sin romper el resto de páginas */
.bloque_nuestras_marcas .bloque1 {
    position: relative;
    overflow: hidden;          /* recorta vídeo con el border-radius */
    border-radius: 32.776px;
    background: #D9D9D9;
}

/* solo en el bloque con vídeo */
.bloque_nuestras_marcas .bloque1--video {
    background: #fff;          /* color de respaldo si falla el vídeo */
}

/* vídeo a pantalla completa dentro del bloque */
.bloque1-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* contenido por encima del vídeo */
.bloque1-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 100%;
    padding: 10px 60px;
}

/* textos más claros cuando hay vídeo */
.bloque1--video .texto1 {
    color: #FFFFFF;
}

/* si necesitas, también puedes aclarar los botones aquí */
.bloque1--video .botones a {
    /* opcional: bordes o fondos distintos sobre el vídeo */
}



.boton_asistente_home {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
	  background: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.boton_asistente_home img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.boton_asistente_home:hover {
    color: var(--hg-light-blue, #04ADC7);
    background: white;
    border: 1px solid var(--hg-light-blue, #04ADC7);
}

.boton_asistente_home:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}

.boton_ofertas_home {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: #FFF;
  border: 1px solid #00263A;
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.boton_ofertas_home img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.boton_ofertas_home:hover {
    color: var(--hg-light-blue, #04ADC7);
    background: white;
    border: 1px solid var(--hg-light-blue, #04ADC7);
}

.boton_ofertas_home:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}

.boton_ofertas_home2 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: #2F4E5E;
  border: 1px solid #2F4E5E;
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.boton_ofertas_home2 img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.boton_ofertas_home2:hover {
    color: #2F4E5E;
    background: white;
    border: 1px solid #2F4E5E;
}

.boton_ofertas_home2:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}


/** HOME OFERTAS DISPONIBLES **/

.bg-oscuro {
    background-color: #00263A;
}

.contenedor_botones_slider {
	display: flex;
	flex-direction: row;
	align-items: end;
	justify-content: end;
	gap: 10px;
	margin-top: 100px;
}

.slider_button {
	background: transparent;
	border: none;
}

.slider_button img {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
}

.carrusel_dots{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:18px 0 8px;
}

.carrusel_dots button{
  width:8px;
  height:8px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.35);   /* inactivo */
  opacity:.7;
  cursor:pointer;
  transition:transform .15s ease, opacity .15s ease, background-color .15s ease;
}

.carrusel_dots button:is(:hover,:focus-visible){
  opacity:1;
  transform:scale(1.15);
  outline:none;
}

.carrusel_dots button.is-active{
  background:#14b8c4; /* turquesa del mockup */
  opacity:1;
  transform:scale(1.2);
}

.bloque_embarcaciones_destacadas {
  position: relative;
  padding-block: 24px;
  overflow: visible; /* importante: no encerrar el pin dentro de overflow */
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 50px;
}

.bloque_embarcaciones_destacadas.mini {
  background-color: transparent;
  height: auto;
  gap: 20px;
}

.bloque_embarcaciones_destacadas.height-auto {
  height: auto;
  padding: 40px 0 40px 0;
}

.item_kodemoon {
    box-shadow: 5px 5px 14px 2px rgba(0, 0, 0, 0.14);        
}

.item_kodemoon4.first,
.item_kodemoon4.last {
    background: transparent; 
    box-shadow: none !important;        
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.generic_title1 {
	color: #FFF;
  font-family: "Playfair Display", serif;
	font-size: 90px;
	font-style: normal;
	font-weight: 700;
	line-height: 85px; /* 94.444% */
}

.generic_title1.small,
.generic_title1.small_datos {
  font-size: 68px;
  line-height: 85px; /* 125% */
}

.generic_title2 {
	color: #FFF;
	font-family: 'AMFina', sans-serif;
	font-size: 92px;
	font-style: normal;
	font-weight: 400;
	line-height: 85px;
}

.generic_title2.small {
  font-size: 90px;
  line-height: 85px;
}

.generic_p {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 158.333% */
}

.generic_p>* {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 158.333% */
  margin-bottom: 0;
}

.generic_p_bold {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-600 {
  max-width: 600px;
}

.slider_offers_subtitle {
	color: #FFF;
    font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 36px; /* 187.5% */
}


/* ordenar por */

.sort-switch {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end;
  gap: .5rem;
  padding: .25rem;
  width: 100%;
  margin-top: 10px;
}

.sort-switch .sort-buttons {
  gap: .5rem;
  background: #fff;
  border-radius: 999px;
  border: 0.519px solid #00263A;
}

.sort-switch .sort-label {
  margin-inline-end: .25rem;
  white-space: nowrap;

  color: #2F4E5E;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.897px; /* 180.606% */
}

.sort-switch .sort-buttons .seg-btn {
  color: #00263A;
  padding: .25rem 1rem;
  border-radius: 999px;
  background: transparent;
  border: none;

  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 28.897px; /* 240.807% */
}

.sort-switch .sort-buttons .seg-btn.is-active {
  color: #fff;
  border: 0.519px solid #00263A;
  background: #2F4E5E;
}

/* Botones de ordenar: texto + icono en fila */
.sort-buttons .seg-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* espacio entre texto e icono */
}

/* Chevron reutilizando el mismo recurso que en el árbol de tipos */
.sort-chevron {
  width: 12px;
  height: 12px;
  background-image: url('../img/2025/iconos/chevron-down-white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}

/* Ascendente => flecha hacia arriba */
.sort-chevron.is-asc {
  transform: rotate(180deg);
}

/* Descendente => flecha hacia abajo (posición original) */
.sort-chevron.is-desc {
  transform: rotate(0deg);
}

.pill_takeoff {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 4px 4px;
  border-radius: 34px;
  background: #2F4E5E;
  border: 1px solid #2F4E5E;
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.pill_takeoff h2 {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  margin-bottom: 0;  
}

.pill_takeoff img {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  border-radius: 100%;
  display: block;
}

.pill_takeoff:not(.no-hover):hover {
    color: #2F4E5E;
    background: white;
    border: 1px solid #2F4E5E;
}

.pill_takeoff:not(.no-hover):hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: invert(1.0);
}

.pill_takeoff2 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 4px 4px;
  border-radius: 34px;
  background: #76CEDB;
  border: 1px solid #76CEDB;
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.pill_takeoff2 img {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  border-radius: 100%;
  display: block;
}

.pill_takeoff2:not(.no-hover):hover {
    color: #2F4E5E;
    background: white;
    border: 1px solid #2F4E5E;
}

.pill_takeoff2:not(.no-hover):hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: invert(1.0);
}


.pill_takeoff3 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 4px 4px;
  border-radius: 34px;
  background: #fff;
  border: none;
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.pill_takeoff3 img {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  border-radius: 100%;
  display: block;
}

.pill_takeoff3:not(.no-hover):hover {
    color: #fff;
    background: var(--hg-dark-blue, #00263A);
    border: none;
}

.pill_takeoff3:not(.no-hover):hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: invert(1.0);
}

.pill_takeoff4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 4px 4px;
  border-radius: 34px;
  background: var(--hg-pill, #BBDDE6);
  border: none;
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.pill_takeoff4 img {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  border-radius: 100%;
  display: block;
}

.pill_takeoff4:not(.no-hover):hover {
    color: var(--hg-pill, #BBDDE6);
    background: var(--hg-dark-blue, #00263A);
    border: none;
}

.pill_takeoff4:not(.no-hover):hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: invert(1.0);
}

.pill_takeoff5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 4px 20px 4px 4px;
  border-radius: 34px;
  background: rgba(85, 114, 168, 0.70);
  border: 1px solid rgba(85, 114, 168, 0.70);
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.pill_takeoff5 img {
  width: 25px;
  height: 25px;
  margin-left: 2px;
  border-radius: 100%;
  display: block;
}

.pill_takeoff5:not(.no-hover):hover {
    color: rgba(85, 114, 168, 0.70);
    background: white;
    border: 1px solid rgba(85, 114, 168, 0.70);
}

.pill_takeoff5:not(.no-hover):hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: invert(1.0);
}


.item_kodemoon4.first .contenedor_kodemoon_first,
.item_kodemoon4.last .contenedor_kodemoon_last {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 32px;
}


/* Pista/carril de tarjetas en una sola fila */
.contenedor_cards{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 20px;              /* separación entre tarjetas */
}

.contenedor_cards .test{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 20px;              /* separación entre tarjetas */
}

/* Tarjeta básica */
.item_kodemoon4{
  flex: 0 0 auto;        /* no shrink */
  background: #fff;
  border-radius: 15px;
  /*box-shadow: 0 0 4px 2px rgba(0,0,0,.14);*/
  display: flex;
  flex-direction: column;
  min-height: 1px;
}

.item_kodemoon4 .item_image {
  position: relative;
}


/* Portada (ya llevas width/height inline, pero por si acaso) */
.item_kodemoon4.first{ /* estilos específicos si quieres */ }

.button_takeoff.no-hover:hover img {
  filter: none !important;
}

.button_takeoff.pdg-hor span {
  padding-left: 40px;
  padding-right: 40px;
}

.button_takeoff.pdg-hor20 span {
  padding-left: 20px;
  padding-right: 20px;
}


.button_takeoff_color {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;

  /* variables */
  --btn-color: var(--hg-light-blue, #04ADC7);
  --btn-text-color: #fff;

  background: var(--btn-color);
  border: 1px solid var(--btn-color);
  color: var(--btn-text-color);

  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px;
  text-decoration: none;
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_color img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, opacity .2s ease, width .4s ease;
}

.button_takeoff_color:hover {
  color: var(--btn-color);
  background: #fff;
  border: 1px solid var(--btn-color);
}

.button_takeoff_color:hover img {
  opacity: 0;
  width: 0;
  /* si quieres, deja solo la sombra, sin filtro de color específico */
}








.button_takeoff_outlined_primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: transparent;
  border: 1px solid var(--hg-dark-blue, #00263A);
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_outlined_primary img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, box-shadow .2s ease;
}

.button_takeoff_outlined_primary:hover {
    color: #fff;
    background: var(--hg-dark-blue, #00263A);
    border: 1px solid var(--hg-dark-blue, #00263A);
}

.button_takeoff_outlined_primary:hover img {
    filter: brightness(0) invert(1);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}

.button_takeoff_outlined_secondary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: transparent;
  border: 1px solid var(--hg-light-blue, #04ADC7);
  color: var(--hg-light-blue, #04ADC7);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_outlined_secondary img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.button_takeoff_outlined_secondary:hover {
    color: #fff;
    background: var(--hg-light-blue, #04ADC7);
    border: 1px solid var(--hg-light-blue, #04ADC7);
}

.button_takeoff_outlined_secondary:hover h2 {
    color: #fff;
}

.button_takeoff_outlined_secondary:hover img {
    filter: brightness(0) invert(1);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}

.button_takeoff h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */  
  margin-bottom: 0;
  margin-left: -7px;
}

.button_takeoff.txt-small h2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 37.882px; /* 236.762% */
}

.button_takeoff_outlined_secondary h2 {
  color: var(--hg-light-blue, #04ADC7);
}

.button_takeoff_outlined_astondoa {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: transparent;
  border: 1px solid var(--hg-astondoa-blue, #7CD3DD);
  color: var(--hg-astondoa-blue, #7CD3DD);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_outlined_astondoa h2 {
  color: var(--hg-astondoa-blue, #7CD3DD);  
}

.button_takeoff_outlined_astondoa img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.button_takeoff_outlined_astondoa:hover {
    color: #fff;
    background: var(--hg-astondoa-blue, #7CD3DD);
    border: 1px solid var(--hg-astondoa-blue, #7CD3DD);
}

.button_takeoff_outlined_astondoa:hover h2 {
    color: #fff;  
}

.button_takeoff_outlined_astondoa:hover img {
    filter: brightness(0) invert(1);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}


.button_takeoff_primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: var(--hg-dark-blue, #00263A);
  border: 1px solid var(--hg-dark-blue, #00263A);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_primary img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.button_takeoff_primary:hover {
    color: var(--hg-dark-blue, #00263A);
    background: #fff;
    border: 1px solid var(--hg-dark-blue, #00263A);
}

.button_takeoff_primary:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);

    filter: invert(12%) sepia(23%) saturate(0%) brightness(10%);
}

.button_takeoff_secondary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_secondary img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.button_takeoff_secondary:hover {
    color: var(--hg-light-blue, #04ADC7);
    background: #fff;
    border: 1px solid var(--hg-light-blue, #04ADC7);
}

.button_takeoff_secondary:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);

    filter:
        invert(48.8%)
        sepia(62.3%)
        saturate(779%)
        hue-rotate(140deg)
        brightness(81%)
        contrast(160%);
}

.button_takeoff_astondoa {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: var(--hg-astondoa-blue, #7CD3DD);
  border: 1px solid var(--hg-astondoa-blue, #7CD3DD);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_astondoa img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.button_takeoff_astondoa:hover {
    color: var(--hg-astondoa-blue, #7CD3DD);
    background: #fff3;
    border: 1px solid var(--hg-astondoa-blue, #7CD3DD);
}

.button_takeoff_astondoa:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);

    filter: brightness(0) saturate(100%) invert(62%)
            sepia(66%) saturate(686%) hue-rotate(134deg)
            brightness(96%) contrast(94%);
}


.button_takeoff_neutral {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: var(--hg-pill, #BBDDE6);
  border: 1px solid var(--hg-pill, #BBDDE6);
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_neutral img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.button_takeoff_neutral:hover {
    color: var(--hg-pill, #BBDDE6);
    background: var(--hg-dark-blue, #00263A);
    border: 1px solid var(--hg-pill, #BBDDE6);
}

.button_takeoff_neutral:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);

    filter: invert(12%) sepia(23%) saturate(0%) brightness(10%);
}



.button_takeoff_outlined_white {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_outlined_white img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
}

.button_takeoff_outlined_white:hover {
    color: #fff;
    background: var(--hg-light-blue, #04ADC7);
    border: 1px solid #fff;
}

.button_takeoff_outlined_white:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
}



.button_takeoff_close_gallery {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  border: none;
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.button_takeoff_close_gallery img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, box-shadow .2s ease;
}

.button_takeoff_close_gallery:hover img {
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.15);
    filter: grayscale(100%) brightness(0);
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.button--full{
  width:100%;
  display:flex;
  align-items:center;
  gap: var(--gap, 12px);       /* fallback 12px */
}

.button--full img{
  flex: 0 0 var(--icon, 36px); /* fallback 36px */
  width: var(--icon, 36px);
  height: var(--icon, 36px);
  display:block;
}
.button--full .btn-label{
  flex:1 1 auto;
  text-align:center;
  min-width:0;
}

.one-line {
  display: block;         /* o inline-block */
  white-space: nowrap;    /* una sola línea */
  overflow: hidden;       /* oculta el sobrante */
  text-overflow: ellipsis;/* … */
  max-width: 100%;        /* que respete el contenedor */
}

.txt-small {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 37.882px; /* 236.762% */
}

.btn-small {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 37.882px; /* 236.762% */
  padding: 0px 20px 0px 8px;
}

.btn-small img {
  width: 24px;
  height: 24px;
}

.w-90 {
  width: 90% !important;
}
/** home contact-info **/

/* Pills scrollables y “suaves” */
#delegNav {
  display: flex;        /* ya lo hace Bootstrap, lo reforzamos */
  gap: 12px;            /* el que uses en el ul */
  flex-wrap: nowrap;    /* 1 sola fila; quítalo si quieres que bajen a 2 líneas */
  overflow: hidden;     /* sin scroll si caben */
}

/* Cada tab ocupa la misma proporción del ancho */
#delegNav > li.nav-item {
  flex: 1 1 0;          /* todos a partes iguales */
  min-width: 0;         /* permite truncar texto dentro */
}

/* El botón llena su <li> y centra contenido */
#delegNav .address-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;

  width: 100%;
  justify-content: center;
  border-radius: 16px 16px 0 0; /* SOLO bordes de arriba redondeados */
}

#delegNav .address-pill span {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 38.058px; /* 237.862% */

  flex: 1 1 auto;
}

#delegNav .address-pill img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  transition: filter .2s ease, opacity .2s ease;
  flex: 0 0 40px;
}

/* NO seleccionadas: icono blanco */
#delegNav .address-pill:not(.active) img {
  filter: brightness(0) invert(1); /* convierte cualquier color a blanco */
  opacity: .95;                    /* opcional, un pelín más suave */
}

/* Seleccionada: icono normal (sin filtro) */
#delegNav .address-pill.active img {
  filter: none;
  opacity: 1;
}

@media (max-width: 991.98px) {
  #delegNav {
    overflow-x: auto;   /* scroll horizontal en móvil */
    flex-wrap: nowrap;
  }
  #delegNav > li.nav-item {
    flex: 0 0 auto;     /* tamaño natural en móvil */
  }
}

#delegNav .nav-link {
  background: #BBDDE6;
  border: none;
}
#delegNav .nav-link.active {
  background: #ffffff;
  opacity: 1;
}
#delegNav { scrollbar-width: thin; }

/* Card grande con sombra y esquinas redondas */
.deleg-card {
  background: white;
  border-radius: 0 0 16px 16px; /* SOLO bordes de abajo redondeados */
  box-shadow: none;
  padding-top: 40px;
  box-shadow: 0 19.029px 19.029px -3.806px rgba(0, 0, 0, 0.25);
}

.deleg-card .deleg-left {
  padding-right: 20px;
  padding-left: 100px;
}

.deleg-card .deleg-left img {
  border-radius: 20px;
}

.deleg-card .deleg-right {
  padding-left: 20px;
}

.deleg-card .deleg-right img {
  width: 48px;
  height: 48px;
}


.deleg-card .deleg-right .deleg-item-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.835px; /* 142.717% */
}

.deleg-card .deleg-right .deleg-item-text {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22.835px;
}

.deleg-card .deleg-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 57.087px; /* 211.433% */
}




/* Utilidades */
.object-fit-cover { object-fit: cover; }

/* Botón “teal” a juego con tu UI */
.btn-teal {
  --bs-btn-bg: #0bb1b7;
  --bs-btn-border-color: #0bb1b7;
  --bs-btn-hover-bg: #089ea3;
  --bs-btn-hover-border-color: #089ea3;
  --bs-btn-active-bg: #078c90;
  --bs-btn-active-border-color: #078c90;
  color: #fff;
}




/** breadcrumbs migas de pan */

/* Estilos base accesibles y limpios */
.header-white {
  background-color: white;
  padding-top: 100px;
}

.header-white .header-white-content {
  padding-top: .5rem!important;
}

.breadcrumbs { 
  --crumb-sep: rgba(0, 38, 58, .45);
  padding: 12px 0; 
}

.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Enlaces y texto */
.breadcrumb-item {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 15.38px;
  font-style: normal;
  font-weight: 300;
  line-height: 26.915px;
}

.breadcrumb-item a {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 15.38px;
  font-style: normal;
  font-weight: 700;
  line-height: 26.915px; /* 175% */
  text-decoration: none;
}

.breadcrumb-item a:hover { text-decoration: underline; }

.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content: '>';
  color: var(--crumb-sep);
  margin: 0 0.25rem;
  /* anulamos lo que pone Bootstrap */
  float: none;
  padding: 0;
}

/* tema Astondoa (ajusta el color) */
.breadcrumb.is-astondoa { --crumb-sep: #00AEC7; }

/* Miga activa (página actual) */
.breadcrumb-item.active {
  color: rgba(0, 38, 58, 0.6);
  font-weight: 600;
  pointer-events: none;
}

.offers-top-bar {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.offers-top-bar .offers-top-1-row {
  top: 100px;
  z-index: 10;

  flex: 0 0 33.333%;
  max-width: 33.333%;

  padding: 36px 24px;
}

.offers-top-bar .offers-top-2-row {
  flex: 0 0 66.666%;
  max-width: 66.666%;
  min-width: 0;

}

.offers-top-bar .offers-top-2-row .content-flex {
  display: flex;
  align-items: center;
  justify-content: space-between; /* izquierda/derecha */
  gap: 16px;
  flex-wrap: wrap;

  margin-top: 12px;
}

.offers-top-bar .offers-top-2-row .content-flex .offers-top-title {
  color: #00263A;
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 34.59px; /* 108.093% */

  margin: 0;                      /* quita margen por defecto del h3 */
  flex: 1 1 auto;                 /* que ocupe el espacio disponible */
  min-width: 200px;    
}

.offers-top-subtitle {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.897px; /* 180.606% */

  margin-bottom: 0;
  margin-end: auto;
  margin-right: auto;
}


.offers-top-bar .offers-top-2-row .content-flex .view-switch{
  margin-left: auto;              /* empuja a la derecha */
  flex: 0 0 auto;                 /* no crece */
}

/*** página offers ***/

.group_buscador {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding-bottom: 40px;
}

.sidebar_buscador {
  position: sticky;
  top: 100px;
  z-index: 10;

  margin-top: -70px;

  flex: 0 0 33.333%;
  max-width: 33.333%;

  background: #BBDDE6;
  padding: 24px 24px;

  overflow: visible;
  align-self: flex-start;
}

.sidebar_buscador_top{
  margin-bottom: 20px;
  transition: opacity .2s ease, transform .2s ease, max-height .2s ease, margin .2s ease, padding .2s ease;
  will-change: opacity, transform, max-height;
}

/*
.sidebar_buscador.is-stuck .sidebar_buscador_top{
  opacity: 0;
  transform: translateY(-8px);
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
*/

.filters_card {
  /*position: sticky;*/
  bottom: 24px; /* pegado a la parte inferior, con un margen */
  
  /* alto máximo dentro de la ventana:
     100vh = alto ventana
     - 24px (separación inferior)
     - 24px (separación superior aprox, puedes ajustar) */
  max-height: calc(100vh - 160px);

  display: flex;
  flex-direction: column;
  /*overflow-y: auto;   /* aquí aparece el scroll interno si hace falta */
  /*overflow-x: hidden; /* por si acaso */
}

.filters_scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;          /* Firefox */
}

.filters_scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/*
.filters_card {
  position: static;          o simplemente elimina position
  z-index: 10;

  background: #fff;
  padding: 12px 24px;
}
*/

.botones_filtros {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.botones_filtros a {
    background-color: #00263A;
    border: 1px solid #00263A;
    color: #fff;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 14px;
}

.botones_filtros a:hover {
    color: #00263A;
    background-color: #ffffff;
}


.sidebar_buscador .filters_card .form-group .sidebar_label {
  color: #2F4E5E;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.897px; /* 180.606% */
}

.results_buscador {
  flex: 0 0 66.666%;
  max-width: 66.666%;
  min-width: 0;
  min-height: 200vh;
}

/** card horizontal buscaodr */
.list_buscador .contenedor_slider_grid,
.list_buscador .contenedor_slider_grid_astondoa {
  display: flex;
  align-items:stretch;     /* opcional */
  flex-direction: row;
}

.list_buscador .contenedor_slider_grid_astondoa {
    background: linear-gradient(70deg, #8A8A8A 25%, #565555 55%, #272626 80%);
}

.list_buscador .item_image {
  flex: 0 0 250px;
  display: block;
}

.list_buscador .item_image .logo_marca {
  width: 100%;
  height: 100%;
  /*aspect-ratio: 1/1;*/
  object-fit: cover;
}

.list_buscador .subitem_kodemoon {
  flex: 1 1 auto;         /* crece y se encoge para rellenar */
  min-width: 0;           /* importante para permitir encoger contenidos largos */
  /* opcional: manejo de texto */
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding: 20px;
}

.list_buscador .subitem_kodemoon .bloque_info_destacado {
  padding-top: 0;
}

.list_buscador .subitem_kodemoon .bloque_info_destacado .bloque_bottom_ficha_producto {
  padding-bottom: 0;
}

.subitem_kodemoon2 {
  flex: 0 0 190px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.subitem_kodemoon2.large {
  flex: 0 0 200px;
}

.subitem_kodemoon2 .bloque_precio_ficha_producto {
  height: 100%;
  border-left: solid 0.692px #979797;
}

.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio,
.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio_astondoa {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio .pvp, 
.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio .precio_oferta,
.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio_astondoa .pvp, 
.subitem_kodemoon2 .bloque_precio_ficha_producto .contenido_precio_astondoa .precio_oferta {
  width: 100%;
}



.sidebar_buscador .buscador-title {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 27.672px; /* 131.771% */
}

.button_save_search {
  width: 100%;
  padding: 10px 20px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 0; /* 0% */

  border: 1.729px solid #FFF;
  background: #04ADC7;
}

.button_save_search:hover {
  color: white;
  opacity: 0.75;
}

.button_save_search img {
  width: 27.672px;
  height: 27.672px;
  flex-shrink: 0;
}

.button_save_search.is-disabled,
.button_save_search[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px; /* opcional */
}

@media (max-width: 768px) {
  .grid-2 { 
    display: flex;
    flex-direction: column;
  }
}

.list-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/*** ofertas button view switch ***/

.view-switch{
  display:inline-flex;
  background:#fff;
  border:1.5px solid #173845;
  border-radius:999px;
  overflow:hidden;
}

.view-switch .seg-btn{
  display:flex; align-items:center; justify-content:center;
  width:56px; height:32px;
  background:#fff; border:0; padding:0; cursor:pointer;
  transition: background .2s ease;
}

.view-switch .seg-btn.is-active{ background:#173845; }

.view-switch .icon{
  width:18px; height:18px;
  background-color:#173845;                    /* color del icono (inactive) */
  -webkit-mask: var(--icon) center/contain no-repeat;
          mask: var(--icon) center/contain no-repeat;
  transition: background-color .2s ease;
}

.view-switch .seg-btn.is-active .icon{ background-color:#fff; }

.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}






/** buscador **/

/* Contenedor en 2 columnas */
.pill-group,
.select-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 10px;
}

/* Ocultamos el checkbox pero mantenemos accesibilidad */
.pill-check .form-check-input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Pastilla base (label) */
.pill-check .form-check-label{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border: 1px solid #00263A;
  color: #00263A;
  border-radius: 999px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: #fff;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Hover/active */
.pill-check .form-check-label:hover{
  background: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);
  color: white;
}

/* Estado checked del checkbox => estiliza la “pastilla” */
.pill-check .form-check-input:checked + .pill,
.pill-group .pill.is-active{
  background: var(--hg-dark-blue, #00263A);
  border-color: var(--hg-dark-blue, #00263A);
  color: #fff;
}


/* pone label a la izq y stepper a la dcha */
.form-group.inline-control{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.form-group.inline-control .sidebar_label{
  margin:0;           /* evita que empuje hacia abajo */
}

/* tu stepper existente */
.stepper{ display:flex; align-items:center; justify-content:space-between;
  width:112px; padding:.25rem .5rem; border:1px solid #E0E6EB; border-radius:8px; background:#fff; }
.stepper-btn{ background:transparent; border:0; font-size:18px; line-height:1;
  width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:#00AEC7; cursor:pointer; }
.stepper-btn:disabled{ opacity:.4; cursor:not-allowed; }
.stepper-input{ border:0; background:transparent; width:40px; text-align:center; font-weight:600; color:#22313F; pointer-events:none; }


.type-tree { list-style:none; padding:0; margin:0; }
.type-item { border-bottom:1px solid #eee; padding:.25rem 0; }
.type-row { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.chk { display:flex; align-items:center; gap:.5rem; }
.chk.sub { margin-left:1.75rem; }
.subtype-list { list-style:none; padding:0; margin:0; }

/* Botón minimalista (opcional) */
.chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;       /* ajusta a tu gusto */
  height: 28px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

/* Icono y animación de giro */
.chev-icon {
  width: 16px;       /* ajusta al tamaño de tu PNG */
  /*height: 16px;*/
  transition: transform .2s ease;
  transform: rotate(0deg);
}

.chev-icon.is-open {
  transform: rotate(180deg);
}










/*** pagina oferta ***/

.div-loading-boats {
  height: 100vh;
}

/* Contenedor con fondo redondeado */
.hero-offer{
  position: relative;
  border-radius: 28px;            /* ajusta al gusto */
  overflow: hidden;               /* recorta la imagen al radio */
  background: #0b2f3c;            /* color de reserva mientras carga */
  /* Proporción/alto mínimo del bloque */
  /*aspect-ratio: 21/9;             */
  aspect-ratio: 16/9;             /* quítalo si prefieres min-height */
  min-height: 520px;
}

/* Imagen de fondo “cover” */
.hero-offer .hero-bg{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transform-origin: center center;
  display: block;
  cursor: pointer;
  transition: transform 0.4s ease-out;
}

.hero-offer .hero-bg:hover{
    transform: scale(1.05); /* “poquitín” de zoom */
}

/* Card superpuesta a la derecha */
.hero-card{
  position: absolute;
  right: 36px;                    /* separación del borde */
  top: 36px;
  max-width: 438.208px;
  background: #fff;
  border-radius: 20.576px;
  padding: 24px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  display: flex; flex-direction: column; gap: 16px;
}

/* Cabecera de la card (píldora + logo) */
.hero-card-top{
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
}
.brand-logo{ 
  height: 50px; 
  width: auto; 
}

/* Título y texto */
.hero-title{
  color: #00263A;
  font-family: "Playfair Display", serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 58.299px; /* 107.961% */
}

.hero-lead{
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
}

.hero-pvp {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 242.498% */

  text-decoration: line-through;
  text-decoration-color: rgba(0, 38, 58, .5);
  text-decoration-thickness: 2px;
}

.hero-price {
  color: #F79824;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
}

.hero-taxes {
  color: #F79824;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

/* Especificaciones con iconos PNG */
.hero-specs{
  list-style: none;
  margin: 4px 0 8px;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
.hero-specs li{
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-align: center;
  color: #8A8D8E; font: 500 12px/1.2 'Poppins', sans-serif;
}
.hero-specs img{ width: 28px; height: 28px; object-fit: contain; }

/* Botonera: usa tus estilos de botón */
.hero-ctas{ display: grid; gap: 12px; }

.imagen-galeria {
  width: 100%;
  aspect-ratio: 1.8;
  border-radius: 13.694px;
  object-fit: cover;
  display: block;
}

.hover-light:hover {
  filter: opacity(0.5);
}

/* El figure hereda el mismo radio y sirve de contenedor del overlay */
.hero-thumb {
  position: relative;
  border-radius: 13.694px;
  overflow: hidden;
  margin: 0;
}

/* Oscurecer 4ª imagen */
.hero-thumb.is-last::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 3;
  pointer-events: none; /* clave: no intercepta clicks */
}

/* Texto +N centrado */
.hero-thumb.is-last::after {
  content: "+" attr(data-more);       /* p. ej. “+15” */
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 58.2px; /* 103.928% */

  text-shadow: 0 2px 8px rgba(0,0,0,.35);

  z-index: 4;           /* por encima del velo */
  pointer-events: none; /* también sin clics */
}

/* El enlace/imagen debajo (clicable) */
.hero-thumb a{
  position: relative;
  z-index: 1;           /* debajo del overlay */
  display: block;
}

.product-grid{
  display: grid;
  grid-template-columns: 2fr 1fr;  /* 2/3 y 1/3 */
  gap: 24px;
}

.sticky-right{
  position: sticky;
  top: 100px;
  z-index: 5;
}

/* Responsive */
@media (max-width: 992px){
  .product-grid{ grid-template-columns: 1fr; }
  .sticky-right{ position: static; top: auto; }
}


.card-datos {
  border-radius: 20.622px;
  background: #FFF;
  padding: 30px;
  box-shadow: 0 0 13.748px 3.437px rgba(0, 0, 0, 0.25);
}


/* Paneles (fotos / vídeo / tour) */
.lb-panel {
  display: none;
}
.lb-panel.is-active {
  display: block;
}

/* Meta + switch */
.lb-meta {
  position: relative;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Botón pantalla completa */
.lb-fullscreen-btn {
  border: none;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 999px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lb-count {
  font-size: 14px;
  font-weight: 500;
}

/* Switch tipo “píldora” */
.lb-switch {
  display: inline-flex;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #B6DDE6; /* azul clarito */
}

.lb-switch .seg {
  padding: 6px 16px;
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  color: #003049; /* azul texto */
  cursor: pointer;
  white-space: nowrap;
}

.lb-switch .seg + .seg {
  border-left: 1px solid #B6DDE6;
}

.lb-switch .seg.is-active {
  background: #B6DDE6;
  color: #003049;
}

/* Flechas del carrusel dentro del lightbox (ya tenías algo, por si acaso) */
.lb-arrow {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  top: 50%;
  transform: translateY(-50%);
}

/* Meta de la galería: contador + tabs */
.lightbox-modal .lb-meta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;   /* centramos el contenido por defecto */
  padding: 0 24px 24px;      /* mismo padding horizontal que el resto del modal */
}

/* Contador 01 / 15 pegado a la izquierda */
.lightbox-modal .lb-count {
  position: absolute;
  left: 24px;                /* o 0 si quieres totalmente al borde */
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}

/* Tabs (Fotos / Vídeo / 360) siempre centradas */
.lightbox-modal .lb-switch {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);  /* las coloca exactamente centradas */
}

/* Opcional: en móviles reduce un poco el padding para ganar espacio */
@media (max-width: 575.98px) {
  .lightbox-modal .lb-meta {
    padding: 0 16px 16px;
  }
  .lightbox-modal .lb-count {
    left: 16px;
  }
}

.lightbox-modal .lb-video-wrapper {
  width: 100%;
  max-width: 1024px;          /* opcional, para que no se haga enorme a lo ancho */
  margin: 0 auto;

  /* Altura máxima: toda la ventana menos header + tabs + márgenes */
  height: min(56.25vw, calc(100vh - 350px));
  /* 56.25vw ≈ 16:9 ; 220px es un margen de seguridad (header modal + paddings + tabs) */
}

/* Anulamos el comportamiento de .ratio de Bootstrap
   y hacemos que el iframe ocupe el contenedor anterior */
.lightbox-modal .lb-video-wrapper.ratio {
  padding-top: 0;   /* quita el truco del padding-top */
  margin-bottom: 10px;
}

.lightbox-modal .lb-video-wrapper iframe {
  width: 100%;
  height: 100%;
}

/* Opcional: que el contenido principal + meta ocupen todo el alto
   y la meta (contador + tabs) se quede pegada abajo */
.lightbox-modal .lb-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.lightbox-modal .lb-meta {
  flex-shrink: 0;
}

.gallery_button_fav {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;

  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 34.555px; /* 246.822% */

  gap: 5px;
}

.gallery_button_fav:hover {
    color: #00263A;
    font-weight: 600;
}

.gallery_button_fav::before{
  content: "";
  width: 24px; height: 20px;
  margin-right: 4px;
}

.gallery_button_fav.yes::before {
  background: center/contain no-repeat url('../img/2025/iconos/gallery-fav-yes.png');
}

.gallery_button_fav.no::before {
    background: center/contain no-repeat url('../img/2025/iconos/gallery-fav-no.png');
}

.gallery_button_fav.yes:hover::before {
  background: center/contain no-repeat url('../img/2025/iconos/gallery-fav-no.png');
}

.gallery_button_fav.no:hover::before {
  background: center/contain no-repeat url('../img/2025/iconos/gallery-fav-yes.png');
}


/* --- lo tuyo, sin cambios --- */
.boton_mostrar_mas{
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: 0;
  color: #00263A;
  font: 500 12px 'Poppins', sans-serif;
  line-height: 34.371px;
  cursor: pointer;
}

.boton_mostrar_mas:hover {
  font-weight: 600;
}
/* Icono por defecto: colapsado (chevron-down) */
.boton_mostrar_mas::before{
  content: "";
  width: 16px; height: 16px;
  background: center/contain no-repeat url('../img/2025/iconos/chevron-down.png');
  margin-right: 8px;
}

/* Textos del botón: por defecto mostramos "ver más" y ocultamos "ver menos" */
.boton_mostrar_mas .if-collapsed{ display: inline; }
.boton_mostrar_mas .if-not-collapsed{ display: none; }

/* --- reactividad con el checkbox #toggle-datos --- */
/* Cuando está checked => mostrar 'if-not-collapsed', ocultar 'if-collapsed' y cambiar icono a up */

/* Si el label es hermano directo del input */
#toggle-datos:checked ~ .boton_mostrar_mas::before,
.toggle-datos:checked ~ .boton_mostrar_mas::before{
  background-image: url('../img/2025/iconos/chevron-up.png');
}

#toggle-datos:checked ~ .boton_mostrar_mas .if-collapsed,
.toggle-datos:checked ~ .boton_mostrar_mas .if-collapsed{
  display: none;
}
#toggle-datos:checked ~ .boton_mostrar_mas .if-not-collapsed,
.toggle-datos:checked ~ .boton_mostrar_mas .if-not-collapsed{
  display: inline;
}

/* Si el label va dentro de un <p> hermano del input (como en tu snippet) */
#toggle-datos:checked ~ p .boton_mostrar_mas::before,
.toggle-datos:checked ~ p .boton_mostrar_mas::before{
  background-image: url('../img/2025/iconos/chevron-up.png');
}
#toggle-datos:checked ~ p .boton_mostrar_mas .if-collapsed,
.toggle-datos:checked ~ p .boton_mostrar_mas .if-collapsed{
  display: none;
}
#toggle-datos:checked ~ p .boton_mostrar_mas .if-not-collapsed,
.toggle-datos:checked ~ p .boton_mostrar_mas .if-not-collapsed{
  display: inline;
}


/* Por defecto: muestra "Mostrar más", oculta "Mostrar menos" */
.boton_mostrar_mas .if-collapsed { 
  display: inline; 
}
.boton_mostrar_mas .if-not-collapsed { 
  display: none; 
}

/* Cuando el checkbox #toggle-datos está marcado, invertimos */
#toggle-datos:checked ~ p .boton_mostrar_mas .if-collapsed { 
  display: none; 
}
#toggle-datos:checked ~ p .boton_mostrar_mas .if-not-collapsed { 
  display: inline; 
}


/** genéricos select2 y checkbox **/

.select2-container{ width:100%!important; }

/* Checkboxes de tu árbol de tipos/subtipos */
.type-tree .chk input[type="checkbox"] {
  accent-color: var(--hg-dark-blue, #00263A);   /* cambia por tu color */
  width: 16px;
  height: 16px;
}

/* Los de “Estado” usan .form-check-input (Bootstrap) */
.pill-check .form-check-input {
  accent-color: var(--hg-dark-blue, #00263A);   /* mismo color para todos */
}

.uppercase {
  text-transform: uppercase;
}



/*** bloque video ***/


.bloque_video_ficha_producto .titulo_subtitulo p {
  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px; /* 125% */
}


.bloque_video_ficha_producto .titulo_subtitulo h2 {
  color: #00263A;
  font-family: 'AMFina', sans-serif;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 85px;
}

/** pagina marcas **/
.bloque_marcas_hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.card-brand {
  display:flex;
  gap:50px;
  height: 600px;
  padding: 50px;
  border-radius: 27.814px;
}

.card-brand > *{
  min-width:0;           /* evita desbordes por textos largos */
}

.card-left{  
  flex:0 0 35%; 
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content:space-between; /* reparte alto disponible */
  align-self:stretch;            /* asegura altura completa dentro del row */
  min-height:100%;               /* por si el padre tiene altura fija */
}
.card-right{ flex:1 1 65%; }

@media (max-width: 768px){
  .card-brand{ flex-direction:column; }
  .card-left, .card-right{ flex:0 1 auto; }
}

.card-left .logo-brand {
  max-height: 100px;
  max-width: 200px;
}

.card-left .card-brand-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.787px; /* 93.492% */
}

.card-left p {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 162.5% */
}

.card-brand:hover {
  box-shadow: 0 0 15.894px 3.973px rgba(0, 0, 0, 0.15);  
}

.card-brand.brand-astondoa {
  position: relative;
  background: linear-gradient(90.3deg, #8A8A8A 0.23%, #565555 51.18%, #272626 98.3%);
}

.card-brand:not(.brand-astondoa) {
  background: white;  
}

.col-brand-right {
/*    overflow: hidden; */
/*    position:relative;*/
    overflow:hidden;
    position:relative;
    width: 100%;
    height: 100%;
}

.col-brand-right img {
    width: 100%; 
    position:absolute; 
    left: 0;
    right:0;
    top: 0;
    /*bottom:0;*/
    z-index: 100;
    height: 100%;
    object-fit: cover;
    border-radius: 15.894px;
}


/*** hero genérico ***/
.hero-section {
  position: relative;
  background: #FCFBFB;
  padding: 160px 0 60px;
  text-align: center;

  height: 420px;
}

.hero-section.is-range {
  padding: 180px 0 60px;  
}

.hero-section.is-astondoa {
    background: #565555;
    background: linear-gradient(90.3deg, #8A8A8A 0.23%, #565555 51.18%, #272626 98.3%);
}

.hero-section.is-service {
  background: transparent;
  padding: 160px 0 40px;

  height: 350px;
}

.hero-section .hero-section-services {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.hero-section .hero-title {
  position: relative;
  z-index: 1;                /* por encima de la imagen */

  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px; /* 125% */
}

.hero-section .hero-subtitle {
  position: relative;
  z-index: 1;                /* por encima de la imagen */

  color: #00263A;
  font-family: 'AMFina', sans-serif;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 85px;
}

.hero-section .hero-title.is-astondoa,
.hero-section .hero-subtitle.is-astondoa {
  color: white;
}

.hero-section .hero-back-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background-size: 300px;
  background-position: center;
  background-repeat: no-repeat;

  z-index: 0;                /* capa de fondo */
  pointer-events: none;      /* por si acaso, que no capture clics */  
}

.hero-section .hero-range-titles {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.hero-section.is-brand .hero-back-image {
  margin-top: 60px;
}

.hero-section.is-range .hero-back-image {
  margin-top: 80px;
}

.hero-section.is-service .hero-back-image {
  margin-top: 40px;
  background-blend-mode: lighten;
  opacity: 0.3;
  background-size: 200px;
}

/** marca **/

.brand-ranges-title {
  color: #00AEC7;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 28.363px; /* 83.422% */
}
.brand-ranges-title.is-astondoa {
  color: var(--hg-astondoa-blue, #7CD3DD);
}

.tabs_ranges {
    margin: 30px 0 20px !important;  
}

.tabs_ranges .nav-link {
    background-color: #fff;
    margin: 0 10px;
    width: 200px;
    text-align: center;
    padding: 10px 10px;
    border-radius: 50px;
    text-decoration: none;
    border: 1.418px solid var(--hg-dark-blue, #00263A);
    color: var(--hg-dark-blue, #00263A) !important;

    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.454px; /* 221.589% */

    transition: width .3s;

}

.tabs_ranges .nav-link.active {
    margin: 0 10px;
    width: 220px;
    text-align: center;
    padding: 10px 10px;
    border-radius: 50px;
    text-decoration: none;
    border: 1.418px solid var(--hg-dark-blue, #00263A);
    background-color: var(--hg-dark-blue, #00263A);
    color: #fff !important;
}

.tabs_ranges .nav-link:hover {
    border: 1.418px solid var(--hg-light-blue, #04ADC7);
    background-color: var(--hg-light-blue, #04ADC7);
    color: #fff !important;
 }


/*** range ***/

.range-header-info {
  display: flex;
  align-items:stretch;
  align-items: center;
}


.range-col-1{
  flex:0 0 300px;    /* fijo a 300px */
  width:300px;       /* por compatibilidad */
  padding-right: 20px;
}

.range-col-2{
  flex:1 1 auto;     /* ocupa el espacio restante */
  min-width:0;       /* evita desbordes por textos largos */
}


/** testimonials **/
/* Contenedor masonry */
.listado_testimonios{
  column-count: 3;          /* Nº de columnas en escritorio */
  column-gap: 40px;         /* separación entre columnas */
  /* opcional: un poco de margen arriba/abajo */
}

/* Cada tarjeta */
.item_testimony{
  display: inline-block;     /* importante para multicolumn */
  width: 100%;
  margin: 0 0 40px;          /* separación vertical entre items */
  break-inside: avoid;       /* evita que se parta una tarjeta */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;

  /* estilos de tarjeta al gusto */
  background: #fff;
  border-radius: 10px;
}

.item_testimony .item_testimony_content {
    position: relative;
    overflow: hidden;

    display: flex;
    width: 459.282px;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-shrink: 0;

    background-color: white;
    border-radius: 10px;
    overflow: hidden;

    text-align: left;
    padding: 20px;

    flex: 0 0 auto; 
    gap: 20px;

    width: 100%;
}


/* Responsivo */
@media (max-width: 992px){
  .listado_testimonios{ column-count: 2; }
}
@media (max-width: 576px){
  .listado_testimonios{ column-count: 1; }
}




/** pagina contacto **/

.min-width-200px {
  min-width: 200px;
}

/* Contenedor grande con imagen de fondo */
.contact-hero{
  position: relative;
  margin: 40px 0;
}

/* Imagen de fondo */
.contact-hero-bg{
  height: 800px;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Contenedor de cards pegado a la parte inferior */
.contact-hero-cards{
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
  width: calc(100% - 64px);      /* margen lateral dentro del container */
  justify-content: center;
}

/* Cada card */
.contact-card{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 32px 32px;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
  flex: 1 1 0;
}

.contact-card.light {
  background: #BBDDE6;
}

/* Contenido centrado verticalmente en columna */
.contact-card-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;   /* reparte alto: icono - texto - botón */
  gap: 16px;
  height: 100%;
  text-align: center;
}

.contact-icon,
.contact-icon img {
  width: 64px;
  height: 64px;
  /*border-radius: 50%;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-text{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  color: #00263A;
}

/* Botón inferior */
.contact-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 26px;
  border-radius: 999px;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #00A0C6;
  color: #FFFFFF;
  cursor: pointer;
}

.contact-btn-icon{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* Responsive sencillo: apilar cards en móvil */
@media (max-width: 992px){
  .contact-hero-bg{
    height: 360px;
  }
  .contact-hero-cards{
    position: static;
    transform: none;
    margin-top: -80px;    /* que sigan “montadas” sobre la imagen */
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .contact-card{
    max-width: none;
  }
}

.contact-hero-form {
  display: flex;
  flex-direction: row;
  gap: 24px;  

  background: var(--hg-dark-blue, #00263A);
  padding: 32px 32px;
  border-radius: 20px;
}

.contact-hero-form > * {
  flex: 1 1 0;            /* mismo ancho para todos los hijos */
}

.contact-hero-form .contact-hero-form-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}


/** errores formularios **/

.hp-wrapper {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.form-control.form-contacto.is-invalid {
    background: transparent;
    color: var(--hg-dark-blue, #00263A);
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.form-contacto.dark.is-invalid {
    background: transparent;
    color: #fff;
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.form-contacto.light.is-invalid {
    background: #fff;
    color: var(--hg-dark-blue, #00263A);
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-check.alert.alert-danger {
  padding-left: 35px !important;
}

.form-check.alert.alert-danger label,
.form-check.alert.alert-danger label a {
  color: var(--hg-dark-blue, #00263A);
}


/** pagina contacto bloque departamentos **/

.departments-title {
  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 125% */
  margin-bottom: 0px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.departments-title.small {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 60px;
}

/* GRID GENERAL */
.dept-grid{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.dept-row{
  display:flex;
  gap:24px;
}

/* CARD */
.dept-card{
  background:#00263A;
  color:#fff;
  border-radius: 15px;
  min-height: 300px;
  padding:50px 50px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex:1;                 /* las dos empiezan 50/50 */
  min-width:0;
  transition:flex .35s ease, background .2s ease;
}

.dept-card.dept-private {
  min-height: 200px;
  padding:25px 25px;
  background:#fff;
  color:#00263A;
}

/* icono + título */
.dept-icon{
  width:56px;
  height:56px;
  margin-bottom:24px;
}

.area-icon{
  width:56px;
  height:56px;
  margin-bottom:12px;
}

.dept-card .department-title {
  margin: 0;
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 100% */
}

.dept-card .area-title {
  margin: 0;
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 147.738% */
  margin-bottom: 0;
}

.dept-card.dept-private .department-title {
  color:#00263A;  
}

/* CONTENIDO EXTRA (se muestra al hacer hover) */
.card-extra{
  max-height:0;
  width: 100%;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transition:max-height .25s ease, opacity .25s ease, margin-top .25s ease;
}

.dept-card:hover .card-extra{
  max-height:200px;
  opacity:1;
  pointer-events:auto;
  margin-top:24px;
}

.dept-card:hover .area-title {
  font-weight: 700;
}

.card-extra .department-content{
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 27px; /* 150% */
  max-width: 500px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.card-extra .area-content{
  color: rgba(0, 38, 58, 0.50);
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */

  max-width: 500px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* ACCIONES INFERIORES */
.dept-actions{
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
  width: 100%;
}

.dept-action{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-size:13px;
  text-decoration:none;
  color:#fff;
  flex:1 1 0;
}

.dept-action:hover {
  color: white;
  font-weight: 700;
}

.dept-action img {
  transition: filter .2s ease;
}

.dept-action:hover img {
  filter: brightness(0) invert(1);
}

/* EFECTO DE ANCHO 50/50 → 60/40 EN HOVER */
.dept-row:hover .dept-card{
  flex:2;                 /* base para las dos */
}

.dept-row:hover .dept-card:hover{
  flex:3;                 /* la activa se expande, la otra se contrae */
}

/* RESPONSIVE: en móvil se apilan y desactivamos el efecto de ancho */
@media (max-width: 992px){
  .dept-row{
    flex-direction:column;
  }
  .dept-row:hover .dept-card,
  .dept-row:hover .dept-card:hover{
    flex:1;
  }
}


/** página empresa company **/

.hero-company {
  background: #fff;
  width: 100%;
  height: 100vh;
  padding: 100px 0;
}

.hero-company-background {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  background-color: transparent;
  background-image: url("../img/2025/company-background.png");
  background-repeat: no-repeat;
  background-position: center; /* 0px desde el borde derecho, 20px desde arriba */
  background-origin: border-box;         /* posiciona respecto al borde, no al padding */
  background-size: contain;

  /*background-color: rgba(0,0,0,.45); nivel de oscuridad */
  /*background-blend-mode: multiply; mezcla color + imagen */
}

.horizontal-title-content {
  width: 100%;
  text-align: center;
}

.horizontal-title-content h1 {
  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 71.521px; /* 105.178% */
}

.horizontal-title-content span {
  color: #00263A;
  font-family: 'AMFina', sans-serif;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 71.521px;
}


/* bloque bienvenid@s */
/* Sección completa */
.historia-hero{
  position: relative;
  background: #00263A;   /* azul del lado izquierdo */
  color: #fff;
  overflow: hidden;
  /*z-index: 0;*/
}

/* Contenido por encima de las imágenes */
.historia-inner{
  position: relative;
  z-index: 1;
  padding: 60px 0;
  display: flex;
  gap: 40px;
}

.historia-left {
  max-width: 500px;
}

.historia-left,
.historia-right{
  flex: 1 1 50%;
}

/* =============================
   Fondos animados (3 imágenes)
   ============================= */
.historia-bg{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:50vw;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity 2.0s ease-in-out;   /* fade suave */
}

/* Cada una con su imagen y delay de 5s */
.historia-bg-1{
  background-image: url("../img/2025/historia-1.png");
}
.historia-bg-2{
  background-image: url("../img/2025/historia-2.png");
}
.historia-bg-3{
  background-image: url("../img/2025/historia-3.png");
}

/* capa visible */
.historia-bg.is-visible{
  opacity:1;
}







/** sección cultura valores mision **/
/* CONTENEDOR GENERAL */
.culture-section{
  background:#F0F7F8;               /* color de fondo de la sección */
  padding:0;
}

.container-culture{
  max-width:1240px;
  margin:0 auto;
  display:flex;
  /*gap:40px;*/
}

/* IZQUIERDA 50% */
.culture-left{
  flex:0 0 50%;
  padding: 100px 0;
}

/* DERECHA 50% */
.culture-right{
  flex:0 0 50%;
  display:flex;
  min-height:720px;                     /* ajusta a tu gusto */
  overflow:hidden;
}

/* PANEL BÁSICO */
.culture-panel{
  flex:1;                           /* todas empiezan igual */
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:flex .4s ease;
  padding-top: 50px;
}

/* El hovered se expande, las otras se adaptan solas */
.culture-panel:hover{
  flex:3;          /* ó 2.4 si prefieres, pero 3 se nota más */
}

/* COLORES DE CADA PANEL */
.panel-1{ background:#BEE1E9; }
.panel-2{ background:#49C2D7; }
.panel-3{ background:#039AC1; }

/* CONTENIDO INTERNO DEL PANEL */
.panel-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px 24px;
  height:100%;
}

.panel-icon{
  font-size:32px;    /* aquí pondrás tu svg / icono real */
  align-self: start;
}

.panel-icon img {
  max-width: 75px;
  max-height: 75px;
}

/* TÍTULO VERTICAL (COMPRIMIDO) */
.panel-title-vertical{
  writing-mode:vertical-rl;
  transform:rotate(180deg);

  font-family: 'Poppins', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 31.111% */

  letter-spacing:.06em;

  /* estos son los importantes ahora */
  flex:1;                       /* ocupa el espacio libre del panel */
  display:flex;
  align-items:center;
  justify-content:center;

  /* quita limitaciones anteriores */
  max-height:none;
  overflow:visible;
  transition:opacity .3s ease;
}

/* BLOQUE PRINCIPAL (HORIZONTAL) – oculto al inicio */
.panel-main{
  display:none;                 /* <--- no reserva hueco */
  opacity:0;
  transform:translateY(10px);
}

.panel-title-horizontal{
  font-family: 'Poppins', sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px; /* 84.444% */
  margin-bottom:12px;
  text-align: left;
}

.panel-text{
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
  text-align: left !important;
}

.panel-text.text-white>* {
  color: white;
}

/* ESTADO EXPANDIDO: ocultamos título vertical y mostramos bloque horizontal */
.culture-panel:hover .panel-title-vertical{
  opacity:0;
  flex:0;                         /* <--- ya no estira */
  height:0;
  margin:0;
  padding:0;
}

.culture-panel:hover .panel-main{
  display:block;
  opacity:1;
  transform:translateY(0);
  padding-top: 20px;
}

/* --- Detalles de la parte izquierda solo para ejemplo --- */
.pill-demo{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 18px;
  border-radius:999px;
  background:#43C0D5;
  color:#fff;
  font:500 13px 'Poppins', sans-serif;
}

.culture-title{
  margin:32px 0 24px;
  font:700 64px "Playfair Display", serif;
  color:#00263A;
}

.culture-title span{
  font:400 64px "AMFina", serif;
}

.culture-text{
  max-width:460px;
  font:400 14px 'Poppins', sans-serif;
  color:#00263A;
  line-height:1.7;
}

/* RESPONSIVE SIMPLE */
@media (max-width: 992px){
  .container-culture{
    flex-direction:column;
  }
  .culture-right{
    flex:0 0 auto;
    height:360px;
  }
}



.divider {
  border-bottom: 1px solid #00263A;
  width: 100%;
}



/*** PÁGINA MUNDO NÁUTICO ***/

.bloque_nuestras_marcas.bg-mundo-nautico {
    border-radius: 38.226px 38.226px 0 0;
    background: #000;

    background-color: white;
    background-image: url("../img/2025/mundo-nautico-background.png");
    background-repeat: no-repeat;
    background-position: center; /* 0px desde el borde derecho, 20px desde arriba */
    background-origin: border-box;         /* posiciona respecto al borde, no al padding */
    background-size: cover;

    background-color: rgba(0,0,0,.45); /* nivel de oscuridad */
    background-blend-mode: multiply;    /* mezcla color + imagen */

    width: 100%;
    padding-bottom: 45px;
    /*padding: 45px 75px;*/
}

.mundo-nautico-titulo {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.787px; /* 75.684% */
  text-align: left;
  margin-bottom: 30px;
}

/** ÚLTIMAS NOTICIAS **/
.news-section {
    margin-top: 3rem;
}

.news-section__title {
    font-size: clamp(2rem, 3vw, 2.4rem);
    font-weight: 700;
    margin-bottom: 1.75rem;
}

/* Grid base: móvil una columna */
.news-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

/* Estilo genérico de card (puedes ajustarlo o quitarlo si ya lo tienes) */
.news-card {
    /*overflow: hidden;*/
    height: 100%;
    display: flex;
    flex-direction: column;
}

.noticia-mini-img {
  height: 150px;
  object-fit: cover;
}

/* Desktop: card grande a la izquierda, dos apiladas a la derecha */
@media (min-width: 960px) {
    .news-grid {
        grid-template-columns: 2fr 1.2fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "featured side-top"
            "featured side-bottom";
        align-items: stretch;
    }

    .news-card--featured {
        grid-area: featured;
    }

    .news-card--side-top {
        grid-area: side-top;
    }

    .news-card--side-bottom {
        grid-area: side-bottom;
    }
}

/* SLIDE FEATURED NEWS */
#featured-news {
    padding: 60px 0 60px;
    position: relative;
    overflow: visible; 
}

#featured-news-track {
    display: flex;
    gap: 24px;       /* si usas separación entre cards */
    will-change: transform;
    width: 100%;
}

#featured-news-track .card_noticia {
    position: relative;
    overflow: hidden;
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-shrink: 0;
}


/** GRID TODAS LAS NOTÍCIAS **/

.allnews-section {
  padding-bottom: 100px;
}
/* ========== PILLS / RADIOS ========== */

/* ocultar radios */
.news-filter-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* contenedor de pills */
.news-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

/* pill base */
.news-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 1.3rem;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;

    /* usamos la variable; si no viene, hay fallback */
    border: 2px solid var(--pill-color, var(--hg-dark-blue, #00263A));
    color: var(--pill-color, var(--hg-dark-blue, #00263A));
    background-color: transparent;

    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 40.644px; /* 225.802% */
    text-decoration: none;

    box-shadow: 0 4px 4.5px 0 rgba(0, 0, 0, 0.25);

    transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}

/* hover con color de la categoría */
.news-pill:hover {
    background-color: var(--pill-color, var(--hg-dark-blue, #00263A));
    opacity: .8;
    color: #ffffff;
}

/* opcional: pill seleccionada (input checked) */
.news-filter-input:checked + .news-pill {
    background-color: var(--pill-color, var(--hg-dark-blue, #00263A));
    color: #ffffff;
}

/* ========== GRID DE CARDS ========== */

.allnews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 1.5rem;
    align-items: stretch;
}

.allnews-card {
    height: 100%;
}

/* responsive */
@media (max-width: 1024px) {
    .allnews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
    .allnews-grid {
        grid-template-columns: 1fr;
    }
}

/* ========== LÓGICA DE FILTRO (SOLO CSS) ========== */

/* por defecto mostramos todas */
.allnews-grid .allnews-card {
    display: block;
}

/* filtro "Todos" */
#filter-all:checked ~ .allnews-grid .allnews-card {
    display: block;
}


/*** PÁGINA DETALLE NOTICIA ***/
.bloque_nuestras_marcas.bg-noticia {
    border-radius: 38.226px 38.226px 0 0;
    background: #000;

    background-color: white;
    background-repeat: no-repeat;
    background-position: center; /* 0px desde el borde derecho, 20px desde arriba */
    background-origin: border-box;         /* posiciona respecto al borde, no al padding */
    background-size: cover;

    width: 100%;
    height: 400px;
    margin-top: 78px;
    margin-bottom: 0;
    /*padding: 45px 75px;*/
}

.notice_info_row {
    display: flex;
    align-items: center;
    justify-content: start; /* 1º a la izq, 2º a la dcha */
    width: 100%;
    padding-bottom: 10px;
    gap: 20px;
}


.notice_info_row span {
  margin-bottom: 0;
}

.new-content {
  margin-top: 24px;
}

.menu-categorias {
  position: sticky;
  top: 100px;
  height: fit-content;
  z-index: 2;

  background-color: #F6F6F6;
  border-radius: 22px;
  padding: 30px 60px 30px 60px;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 20px;
}

.menu-categorias .menu-categorias-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px; /* 129.63% */
  margin-bottom: 10px;
}

/* BLOQUE NEWSLETTER */
.bloque_newsletter {
  position: relative;
  background: var(--hg-dark-blue, #00263A);
}

.bloque_newsletter .background-wave {
  position: absolute;
  top: 0;
  width: 100%;
  height: 400px;
  z-index: 1;
}

/* Layout 2 columnas dentro del .container */
.newsletter-inner {
    display: flex;
    flex-wrap: wrap;
    height: 1000px;
}

.newsletter-left,
.newsletter-right {
    flex: 1 1 300px;
}

.newsletter-left .generic_title1{
  text-align: left;
}


/* En desktop: mitad izquierda / mitad derecha */
@media (min-width: 992px) {
    .newsletter-left,
    .newsletter-right {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Columna derecha con imagen sticky abajo */
.newsletter-right {
    position: relative;
    /* si quieres que visualmente esté alineada a la derecha 
    display: block;*/
}

.newsletter-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;  /* contenido pegado abajo */
    /* opcional: algo de padding inferior para que no quede pegado del todo */
    align-items: start;
    padding-bottom: 100px;
}

/* 
   Wrapper sticky:
   - Se posiciona "normal" al principio (imagen arriba)
   - Cuando sigues haciendo scroll y su bottom bajaría del viewport, 
     se queda pegado al bottom del viewport (bottom: 0)
*/
.newsletter-image-wrapper {
    position: sticky;
    bottom: 0;
    top: 30vh;      /* margen lateral dentro del container */
    z-index: 2;
}

/* Imagen alineada a la derecha dentro de su columna */
.newsletter-image {
    height: 70vh;
    width: auto;
    display: block;
    margin-left: auto;
}

.form_newsletter .boton_newsletter {
    display: flex;
    height: 64px;
    padding: 8px 30px 8px 30px;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; 

    border-radius: 130px;
    background: #FFF;

    border: 0px;
    color: #00263A;

    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 15.894px;
    font-style: normal;
    font-weight: 500;
    line-height: 39.735px; /* 250% */
}

.boton_newsletter:hover {
    color: #fff !important;
    background-color: var(--hg-light-blue, #04ADC7) !important;
}

.boton_newsletter:hover img {
  filter: brightness(0) invert(1);  
}


.background-wave2{
  position: relative;  /* z-index necesita posición no-estática */
  z-index: 1;          /* por debajo del anterior */
  background: #00263A;
  clip-path: polygon(0% 100%,0% 5.946%,0.089% 5.992%,0.177% 6.038%,0.266% 6.084%,0.355% 6.131%,0.443% 6.177%,0.532% 6.223%,0.621% 6.27%,0.709% 6.316%,0.798% 6.362%,0.887% 6.409%,0.975% 6.456%,1.064% 6.503%,1.152% 6.549%,1.241% 6.596%,1.33% 6.643%,1.418% 6.69%,1.507% 6.737%,1.596% 6.784%,1.684% 6.831%,1.773% 6.878%,1.862% 6.926%,1.95% 6.973%,2.039% 7.02%,2.128% 7.068%,2.216% 7.115%,2.305% 7.163%,2.394% 7.21%,2.482% 7.258%,2.571% 7.305%,2.66% 7.353%,2.748% 7.4%,2.837% 7.448%,2.926% 7.496%,3.014% 7.544%,3.103% 7.591%,3.191% 7.639%,3.28% 7.687%,3.369% 7.735%,3.457% 7.783%,3.546% 7.831%,3.635% 7.878%,3.723% 7.926%,3.812% 7.974%,3.901% 8.022%,3.989% 8.07%,4.078% 8.118%,4.167% 8.166%,4.255% 8.214%,4.344% 8.262%,4.433% 8.31%,4.521% 8.358%,4.61% 8.406%,4.699% 8.454%,4.787% 8.502%,4.876% 8.55%,4.965% 8.598%,5.053% 8.646%,5.142% 8.694%,5.23% 8.742%,5.319% 8.79%,5.408% 8.838%,5.496% 8.886%,5.585% 8.934%,5.674% 8.982%,5.762% 9.03%,5.851% 9.077%,5.94% 9.125%,6.028% 9.173%,6.117% 9.221%,6.206% 9.269%,6.294% 9.316%,6.383% 9.364%,6.472% 9.412%,6.56% 9.459%,6.649% 9.507%,6.738% 9.555%,6.826% 9.602%,6.915% 9.649%,7.004% 9.697%,7.092% 9.744%,7.181% 9.792%,7.27% 9.839%,7.358% 9.886%,7.447% 9.934%,7.535% 9.981%,7.624% 10.028%,7.713% 10.075%,7.801% 10.122%,7.89% 10.169%,7.979% 10.216%,8.067% 10.263%,8.156% 10.309%,8.245% 10.356%,8.333% 10.402%,8.422% 10.449%,8.511% 10.495%,8.599% 10.542%,8.688% 10.589%,8.777% 10.635%,8.865% 10.681%,8.954% 10.727%,9.043% 10.774%,9.131% 10.82%,9.22% 10.865%,9.309% 10.911%,9.397% 10.957%,9.486% 11.003%,9.574% 11.048%,9.663% 11.094%,9.752% 11.139%,9.84% 11.185%,9.929% 11.23%,10.018% 11.275%,10.106% 11.32%,10.195% 11.365%,10.284% 11.41%,10.372% 11.455%,10.461% 11.499%,10.55% 11.544%,10.638% 11.588%,10.727% 11.633%,10.816% 11.677%,10.904% 11.721%,10.993% 11.765%,11.082% 11.809%,11.17% 11.853%,11.259% 11.897%,11.348% 11.94%,11.436% 11.984%,11.525% 12.027%,11.613% 12.07%,11.702% 12.113%,11.791% 12.156%,11.879% 12.199%,11.968% 12.242%,12.057% 12.285%,12.145% 12.327%,12.234% 12.37%,12.323% 12.412%,12.411% 12.454%,12.5% 12.496%,12.589% 12.538%,12.677% 12.579%,12.766% 12.621%,12.855% 12.662%,12.943% 12.704%,13.032% 12.745%,13.121% 12.786%,13.209% 12.827%,13.298% 12.868%,13.387% 12.908%,13.475% 12.949%,13.564% 12.989%,13.652% 13.028%,13.741% 13.068%,13.83% 13.108%,13.918% 13.148%,14.007% 13.188%,14.096% 13.227%,14.184% 13.266%,14.273% 13.305%,14.362% 13.345%,14.45% 13.383%,14.539% 13.422%,14.628% 13.46%,14.716% 13.498%,14.805% 13.536%,14.894% 13.574%,14.982% 13.612%,15.071% 13.65%,15.16% 13.687%,15.248% 13.724%,15.337% 13.761%,15.426% 13.798%,15.514% 13.835%,15.603% 13.871%,15.691% 13.908%,15.78% 13.944%,15.869% 13.979%,15.957% 14.016%,16.046% 14.051%,16.135% 14.086%,16.223% 14.122%,16.312% 14.157%,16.401% 14.192%,16.489% 14.227%,16.578% 14.261%,16.667% 14.295%,16.755% 14.33%,16.844% 14.363%,16.933% 14.397%,17.021% 14.431%,17.11% 14.463%,17.199% 14.497%,17.287% 14.53%,17.376% 14.562%,17.465% 14.595%,17.553% 14.628%,17.642% 14.66%,17.73% 14.691%,17.819% 14.723%,17.908% 14.754%,17.996% 14.786%,18.085% 14.817%,18.174% 14.848%,18.262% 14.879%,18.351% 14.909%,18.44% 14.939%,18.528% 14.97%,18.617% 14.999%,18.706% 15.029%,18.794% 15.058%,18.883% 15.087%,18.972% 15.116%,19.06% 15.145%,19.149% 15.174%,19.238% 15.202%,19.326% 15.23%,19.415% 15.258%,19.504% 15.285%,19.592% 15.313%,19.681% 15.34%,19.77% 15.367%,19.858% 15.394%,19.947% 15.42%,20.035% 15.446%,20.124% 15.472%,20.213% 15.498%,20.301% 15.523%,20.39% 15.549%,20.479% 15.574%,20.567% 15.599%,20.656% 15.623%,20.745% 15.648%,20.833% 15.672%,20.922% 15.696%,21.011% 15.72%,21.099% 15.743%,21.188% 15.767%,21.277% 15.789%,21.365% 15.812%,21.454% 15.835%,21.543% 15.856%,21.631% 15.879%,21.72% 15.9%,21.809% 15.922%,21.897% 15.943%,21.986% 15.964%,22.074% 15.985%,22.163% 16.006%,22.252% 16.026%,22.34% 16.046%,22.429% 16.066%,22.518% 16.085%,22.606% 16.105%,22.695% 16.124%,22.784% 16.142%,22.872% 16.161%,22.961% 16.179%,23.05% 16.197%,23.138% 16.215%,23.227% 16.232%,23.316% 16.25%,23.404% 16.267%,23.493% 16.283%,23.582% 16.3%,23.67% 16.316%,23.759% 16.332%,23.848% 16.348%,23.936% 16.363%,24.025% 16.378%,24.113% 16.393%,24.202% 16.408%,24.291% 16.422%,24.379% 16.436%,24.468% 16.45%,24.557% 16.464%,24.645% 16.477%,24.734% 16.49%,24.823% 16.503%,24.911% 16.516%,25% 16.528%,25.089% 16.54%,25.177% 16.551%,25.266% 16.563%,25.355% 16.574%,25.443% 16.585%,25.532% 16.596%,25.621% 16.606%,25.709% 16.616%,25.798% 16.626%,25.887% 16.636%,25.975% 16.645%,26.064% 16.654%,26.152% 16.663%,26.241% 16.672%,26.33% 16.68%,26.418% 16.688%,26.507% 16.695%,26.596% 16.703%,26.684% 16.71%,26.773% 16.717%,26.862% 16.723%,26.95% 16.73%,27.039% 16.736%,27.128% 16.742%,27.216% 16.748%,27.305% 16.753%,27.394% 16.758%,27.482% 16.763%,27.571% 16.767%,27.66% 16.771%,27.748% 16.775%,27.837% 16.779%,27.926% 16.782%,28.014% 16.785%,28.103% 16.788%,28.191% 16.791%,28.28% 16.793%,28.369% 16.795%,28.457% 16.797%,28.546% 16.798%,28.635% 16.799%,28.723% 16.8%,28.812% 16.801%,28.901% 16.801%,28.989% 16.801%,29.078% 16.801%,29.167% 16.801%,29.255% 16.8%,29.344% 16.799%,29.433% 16.798%,29.521% 16.796%,29.61% 16.794%,29.699% 16.792%,29.787% 16.79%,29.876% 16.787%,29.965% 16.784%,30.053% 16.781%,30.142% 16.777%,30.23% 16.773%,30.319% 16.769%,30.408% 16.765%,30.496% 16.761%,30.585% 16.756%,30.674% 16.75%,30.762% 16.745%,30.851% 16.739%,30.94% 16.733%,31.028% 16.727%,31.117% 16.721%,31.206% 16.714%,31.294% 16.707%,31.383% 16.7%,31.472% 16.692%,31.56% 16.684%,31.649% 16.676%,31.738% 16.668%,31.826% 16.659%,31.915% 16.65%,32.004% 16.641%,32.092% 16.632%,32.181% 16.622%,32.27% 16.612%,32.358% 16.602%,32.447% 16.591%,32.535% 16.58%,32.624% 16.569%,32.713% 16.558%,32.801% 16.546%,32.89% 16.534%,32.979% 16.522%,33.067% 16.51%,33.156% 16.497%,33.245% 16.484%,33.333% 16.471%,33.422% 16.458%,33.511% 16.444%,33.599% 16.43%,33.688% 16.416%,33.777% 16.401%,33.865% 16.386%,33.954% 16.371%,34.043% 16.356%,34.131% 16.341%,34.22% 16.325%,34.309% 16.309%,34.397% 16.292%,34.486% 16.276%,34.574% 16.259%,34.663% 16.242%,34.752% 16.225%,34.84% 16.207%,34.929% 16.189%,35.018% 16.171%,35.106% 16.153%,35.195% 16.134%,35.284% 16.115%,35.372% 16.096%,35.461% 16.077%,35.55% 16.057%,35.638% 16.037%,35.727% 16.017%,35.816% 15.997%,35.904% 15.976%,35.993% 15.955%,36.082% 15.934%,36.17% 15.913%,36.259% 15.891%,36.348% 15.869%,36.436% 15.847%,36.525% 15.824%,36.613% 15.802%,36.702% 15.779%,36.791% 15.756%,36.879% 15.733%,36.968% 15.709%,37.057% 15.686%,37.145% 15.661%,37.234% 15.637%,37.323% 15.612%,37.411% 15.588%,37.5% 15.563%,37.589% 15.538%,37.677% 15.512%,37.766% 15.487%,37.855% 15.46%,37.943% 15.435%,38.032% 15.408%,38.121% 15.382%,38.209% 15.355%,38.298% 15.328%,38.387% 15.3%,38.475% 15.273%,38.564% 15.246%,38.652% 15.218%,38.741% 15.189%,38.83% 15.161%,38.918% 15.132%,39.007% 15.104%,39.096% 15.075%,39.184% 15.045%,39.273% 15.016%,39.362% 14.986%,39.45% 14.956%,39.539% 14.926%,39.628% 14.896%,39.716% 14.865%,39.805% 14.834%,39.894% 14.803%,39.982% 14.772%,40.071% 14.74%,40.16% 14.709%,40.248% 14.678%,40.337% 14.646%,40.426% 14.613%,40.514% 14.581%,40.603% 14.548%,40.691% 14.515%,40.78% 14.482%,40.869% 14.449%,40.957% 14.416%,41.046% 14.382%,41.135% 14.348%,41.223% 14.314%,41.312% 14.28%,41.401% 14.245%,41.489% 14.211%,41.578% 14.176%,41.667% 14.141%,41.755% 14.106%,41.844% 14.071%,41.933% 14.036%,42.021% 13.999%,42.11% 13.964%,42.199% 13.928%,42.287% 13.892%,42.376% 13.855%,42.465% 13.819%,42.553% 13.782%,42.642% 13.745%,42.73% 13.708%,42.819% 13.671%,42.908% 13.633%,42.996% 13.595%,43.085% 13.558%,43.174% 13.52%,43.262% 13.481%,43.351% 13.443%,43.44% 13.405%,43.528% 13.366%,43.617% 13.327%,43.706% 13.288%,43.794% 13.249%,43.883% 13.21%,43.972% 13.17%,44.06% 13.131%,44.149% 13.091%,44.238% 13.051%,44.326% 13.011%,44.415% 12.971%,44.504% 12.931%,44.592% 12.89%,44.681% 12.849%,44.77% 12.809%,44.858% 12.768%,44.947% 12.726%,45.035% 12.686%,45.124% 12.644%,45.213% 12.603%,45.301% 12.561%,45.39% 12.519%,45.479% 12.477%,45.567% 12.435%,45.656% 12.393%,45.745% 12.351%,45.833% 12.308%,45.922% 12.266%,46.011% 12.223%,46.099% 12.18%,46.188% 12.137%,46.277% 12.094%,46.365% 12.051%,46.454% 12.008%,46.543% 11.964%,46.631% 11.921%,46.72% 11.877%,46.809% 11.833%,46.897% 11.789%,46.986% 11.746%,47.074% 11.702%,47.163% 11.657%,47.252% 11.613%,47.34% 11.569%,47.429% 11.524%,47.518% 11.48%,47.606% 11.434%,47.695% 11.39%,47.784% 11.345%,47.872% 11.3%,47.961% 11.255%,48.05% 11.21%,48.138% 11.164%,48.227% 11.119%,48.316% 11.074%,48.404% 11.028%,48.493% 10.983%,48.582% 10.937%,48.67% 10.891%,48.759% 10.845%,48.848% 10.799%,48.936% 10.753%,49.025% 10.707%,49.113% 10.661%,49.202% 10.615%,49.291% 10.568%,49.379% 10.521%,49.468% 10.475%,49.557% 10.429%,49.645% 10.382%,49.734% 10.335%,49.823% 10.288%,49.911% 10.242%,50% 10.195%,50.089% 10.148%,50.177% 10.101%,50.266% 10.054%,50.355% 10.007%,50.443% 9.96%,50.532% 9.913%,50.621% 9.865%,50.709% 9.818%,50.798% 9.771%,50.887% 9.723%,50.975% 9.676%,51.064% 9.628%,51.152% 9.581%,51.241% 9.533%,51.33% 9.485%,51.418% 9.438%,51.507% 9.391%,51.596% 9.343%,51.684% 9.295%,51.773% 9.247%,51.862% 9.2%,51.95% 9.152%,52.039% 9.104%,52.128% 9.056%,52.216% 9.008%,52.305% 8.96%,52.394% 8.912%,52.482% 8.864%,52.571% 8.816%,52.66% 8.768%,52.748% 8.721%,52.837% 8.673%,52.926% 8.625%,53.014% 8.577%,53.103% 8.529%,53.191% 8.481%,53.28% 8.433%,53.369% 8.385%,53.457% 8.337%,53.546% 8.289%,53.635% 8.24%,53.723% 8.192%,53.812% 8.144%,53.901% 8.097%,53.989% 8.048%,54.078% 8.001%,54.167% 7.953%,54.255% 7.905%,54.344% 7.857%,54.433% 7.809%,54.521% 7.761%,54.61% 7.713%,54.699% 7.666%,54.787% 7.618%,54.876% 7.57%,54.965% 7.522%,55.053% 7.475%,55.142% 7.427%,55.23% 7.379%,55.319% 7.331%,55.408% 7.284%,55.496% 7.236%,55.585% 7.189%,55.674% 7.142%,55.762% 7.094%,55.851% 7.047%,55.94% 7%,56.028% 6.952%,56.117% 6.905%,56.206% 6.858%,56.294% 6.81%,56.383% 6.763%,56.472% 6.716%,56.56% 6.669%,56.649% 6.622%,56.738% 6.575%,56.826% 6.529%,56.915% 6.482%,57.004% 6.435%,57.092% 6.388%,57.181% 6.342%,57.27% 6.295%,57.358% 6.249%,57.447% 6.202%,57.535% 6.156%,57.624% 6.11%,57.713% 6.063%,57.801% 6.017%,57.89% 5.972%,57.979% 5.926%,58.067% 5.88%,58.156% 5.834%,58.245% 5.789%,58.333% 5.743%,58.422% 5.698%,58.511% 5.652%,58.599% 5.607%,58.688% 5.561%,58.777% 5.517%,58.865% 5.472%,58.954% 5.426%,59.043% 5.382%,59.131% 5.336%,59.22% 5.292%,59.309% 5.248%,59.397% 5.203%,59.486% 5.159%,59.574% 5.115%,59.663% 5.071%,59.752% 5.026%,59.84% 4.983%,59.929% 4.939%,60.018% 4.895%,60.106% 4.851%,60.195% 4.808%,60.284% 4.764%,60.372% 4.722%,60.461% 4.679%,60.55% 4.636%,60.638% 4.592%,60.727% 4.55%,60.816% 4.507%,60.904% 4.465%,60.993% 4.423%,61.082% 4.38%,61.17% 4.338%,61.259% 4.296%,61.348% 4.255%,61.436% 4.213%,61.525% 4.171%,61.613% 4.13%,61.702% 4.088%,61.791% 4.048%,61.879% 4.007%,61.968% 3.966%,62.057% 3.925%,62.145% 3.884%,62.234% 3.844%,62.323% 3.804%,62.411% 3.764%,62.5% 3.724%,62.589% 3.684%,62.677% 3.644%,62.766% 3.605%,62.855% 3.566%,62.943% 3.526%,63.032% 3.487%,63.121% 3.448%,63.209% 3.409%,63.298% 3.371%,63.387% 3.333%,63.475% 3.295%,63.564% 3.257%,63.652% 3.218%,63.741% 3.181%,63.83% 3.144%,63.918% 3.106%,64.007% 3.069%,64.096% 3.032%,64.184% 2.995%,64.273% 2.959%,64.362% 2.922%,64.45% 2.886%,64.539% 2.85%,64.628% 2.814%,64.716% 2.778%,64.805% 2.742%,64.894% 2.707%,64.982% 2.671%,65.071% 2.637%,65.16% 2.601%,65.248% 2.567%,65.337% 2.533%,65.426% 2.499%,65.514% 2.465%,65.603% 2.431%,65.691% 2.397%,65.78% 2.363%,65.869% 2.33%,65.957% 2.297%,66.046% 2.264%,66.135% 2.232%,66.223% 2.199%,66.312% 2.167%,66.401% 2.135%,66.489% 2.103%,66.578% 2.071%,66.667% 2.04%,66.755% 2.009%,66.844% 1.977%,66.933% 1.947%,67.021% 1.916%,67.11% 1.885%,67.199% 1.855%,67.287% 1.825%,67.376% 1.796%,67.465% 1.766%,67.553% 1.737%,67.642% 1.708%,67.73% 1.679%,67.819% 1.65%,67.908% 1.622%,67.996% 1.593%,68.085% 1.565%,68.174% 1.538%,68.262% 1.51%,68.351% 1.482%,68.44% 1.456%,68.528% 1.429%,68.617% 1.402%,68.706% 1.376%,68.794% 1.349%,68.883% 1.323%,68.972% 1.297%,69.06% 1.272%,69.149% 1.247%,69.238% 1.222%,69.326% 1.197%,69.415% 1.172%,69.504% 1.148%,69.592% 1.124%,69.681% 1.1%,69.77% 1.076%,69.858% 1.053%,69.947% 1.029%,70.035% 1.007%,70.124% 0.984%,70.213% 0.962%,70.301% 0.94%,70.39% 0.918%,70.479% 0.896%,70.567% 0.874%,70.656% 0.853%,70.745% 0.833%,70.833% 0.812%,70.922% 0.791%,71.011% 0.771%,71.099% 0.751%,71.188% 0.731%,71.277% 0.712%,71.365% 0.693%,71.454% 0.674%,71.543% 0.655%,71.631% 0.636%,71.72% 0.618%,71.809% 0.601%,71.897% 0.583%,71.986% 0.565%,72.074% 0.548%,72.163% 0.531%,72.252% 0.515%,72.34% 0.498%,72.429% 0.482%,72.518% 0.466%,72.606% 0.451%,72.695% 0.435%,72.784% 0.42%,72.872% 0.405%,72.961% 0.391%,73.05% 0.376%,73.138% 0.362%,73.227% 0.348%,73.316% 0.335%,73.404% 0.321%,73.493% 0.309%,73.582% 0.296%,73.67% 0.283%,73.759% 0.271%,73.848% 0.259%,73.936% 0.247%,74.025% 0.236%,74.113% 0.225%,74.202% 0.214%,74.291% 0.203%,74.379% 0.192%,74.468% 0.182%,74.557% 0.173%,74.645% 0.164%,74.734% 0.154%,74.823% 0.145%,74.911% 0.136%,75% 0.128%,75.089% 0.12%,75.177% 0.112%,75.266% 0.104%,75.355% 0.097%,75.443% 0.089%,75.532% 0.083%,75.621% 0.076%,75.709% 0.07%,75.798% 0.064%,75.887% 0.058%,75.975% 0.053%,76.064% 0.047%,76.152% 0.042%,76.241% 0.038%,76.33% 0.033%,76.418% 0.029%,76.507% 0.025%,76.596% 0.022%,76.684% 0.019%,76.773% 0.016%,76.862% 0.013%,76.95% 0.01%,77.039% 0.008%,77.128% 0.006%,77.216% 0.004%,77.305% 0.003%,77.394% 0.002%,77.482% 0.001%,77.571% 0.001%,77.66% 0%,77.748% 0%,77.837% 0.001%,77.926% 0.001%,78.014% 0.002%,78.103% 0.003%,78.191% 0.004%,78.28% 0.006%,78.369% 0.008%,78.457% 0.01%,78.546% 0.012%,78.635% 0.015%,78.723% 0.018%,78.812% 0.021%,78.901% 0.025%,78.989% 0.029%,79.078% 0.033%,79.167% 0.037%,79.255% 0.041%,79.344% 0.047%,79.433% 0.052%,79.521% 0.058%,79.61% 0.063%,79.699% 0.069%,79.787% 0.076%,79.876% 0.082%,79.965% 0.089%,80.053% 0.096%,80.142% 0.103%,80.23% 0.111%,80.319% 0.119%,80.408% 0.127%,80.496% 0.135%,80.585% 0.144%,80.674% 0.153%,80.762% 0.162%,80.851% 0.171%,80.94% 0.181%,81.028% 0.192%,81.117% 0.202%,81.206% 0.213%,81.294% 0.224%,81.383% 0.235%,81.472% 0.246%,81.56% 0.258%,81.649% 0.27%,81.738% 0.282%,81.826% 0.294%,81.915% 0.307%,82.004% 0.32%,82.092% 0.333%,82.181% 0.347%,82.27% 0.361%,82.358% 0.375%,82.447% 0.389%,82.535% 0.403%,82.624% 0.418%,82.713% 0.433%,82.801% 0.449%,82.89% 0.464%,82.979% 0.48%,83.067% 0.496%,83.156% 0.513%,83.245% 0.529%,83.333% 0.546%,83.422% 0.563%,83.511% 0.581%,83.599% 0.598%,83.688% 0.616%,83.777% 0.635%,83.865% 0.653%,83.954% 0.672%,84.043% 0.691%,84.131% 0.709%,84.22% 0.729%,84.309% 0.749%,84.397% 0.769%,84.486% 0.789%,84.574% 0.809%,84.663% 0.83%,84.752% 0.851%,84.84% 0.872%,84.929% 0.894%,85.018% 0.915%,85.106% 0.937%,85.195% 0.959%,85.284% 0.982%,85.372% 1.004%,85.461% 1.027%,85.55% 1.05%,85.638% 1.074%,85.727% 1.097%,85.816% 1.121%,85.904% 1.145%,85.993% 1.17%,86.082% 1.194%,86.17% 1.219%,86.259% 1.244%,86.348% 1.269%,86.436% 1.294%,86.525% 1.32%,86.613% 1.346%,86.702% 1.373%,86.791% 1.399%,86.879% 1.425%,86.968% 1.452%,87.057% 1.48%,87.145% 1.507%,87.234% 1.534%,87.323% 1.562%,87.411% 1.59%,87.5% 1.618%,87.589% 1.647%,87.677% 1.675%,87.766% 1.704%,87.855% 1.733%,87.943% 1.763%,88.032% 1.792%,88.121% 1.822%,88.209% 1.851%,88.298% 1.882%,88.387% 1.913%,88.475% 1.943%,88.564% 1.974%,88.652% 2.004%,88.741% 2.036%,88.83% 2.068%,88.918% 2.099%,89.007% 2.131%,89.096% 2.163%,89.184% 2.195%,89.273% 2.228%,89.362% 2.26%,89.45% 2.293%,89.539% 2.326%,89.628% 2.36%,89.716% 2.393%,89.805% 2.427%,89.894% 2.461%,89.982% 2.495%,90.071% 2.529%,90.16% 2.563%,90.248% 2.598%,90.337% 2.633%,90.426% 2.668%,90.514% 2.703%,90.603% 2.738%,90.691% 2.774%,90.78% 2.81%,90.869% 2.845%,90.957% 2.882%,91.046% 2.917%,91.135% 2.954%,91.223% 2.99%,91.312% 3.027%,91.401% 3.064%,91.489% 3.102%,91.578% 3.139%,91.667% 3.176%,91.755% 3.214%,91.844% 3.252%,91.933% 3.29%,92.021% 3.328%,92.11% 3.367%,92.199% 3.405%,92.287% 3.444%,92.376% 3.483%,92.465% 3.522%,92.553% 3.561%,92.642% 3.6%,92.73% 3.639%,92.819% 3.679%,92.908% 3.719%,92.996% 3.759%,93.085% 3.799%,93.174% 3.839%,93.262% 3.88%,93.351% 3.92%,93.44% 3.961%,93.528% 4.002%,93.617% 4.043%,93.706% 4.084%,93.794% 4.125%,93.883% 4.167%,93.972% 4.208%,94.06% 4.25%,94.149% 4.292%,94.238% 4.333%,94.326% 4.375%,94.415% 4.418%,94.504% 4.46%,94.592% 4.502%,94.681% 4.545%,94.77% 4.588%,94.858% 4.631%,94.947% 4.674%,95.035% 4.717%,95.124% 4.759%,95.213% 4.803%,95.301% 4.846%,95.39% 4.89%,95.479% 4.934%,95.567% 4.978%,95.656% 5.021%,95.745% 5.066%,95.833% 5.11%,95.922% 5.154%,96.011% 5.198%,96.099% 5.243%,96.188% 5.287%,96.277% 5.332%,96.365% 5.377%,96.454% 5.421%,96.543% 5.466%,96.631% 5.511%,96.72% 5.557%,96.809% 5.602%,96.897% 5.647%,96.986% 5.692%,97.074% 5.738%,97.163% 5.783%,97.252% 5.829%,97.34% 5.875%,97.429% 5.921%,97.518% 5.967%,97.606% 6.012%,97.695% 6.059%,97.784% 6.105%,97.872% 6.151%,97.961% 6.197%,98.05% 6.244%,98.138% 6.29%,98.227% 6.337%,98.316% 6.383%,98.404% 6.43%,98.493% 6.476%,98.582% 6.523%,98.67% 6.57%,98.759% 6.617%,98.848% 6.664%,98.936% 6.711%,99.025% 6.758%,99.113% 6.804%,99.202% 6.852%,99.291% 6.899%,99.379% 6.946%,99.468% 6.994%,99.557% 7.041%,99.645% 7.089%,99.734% 7.136%,99.823% 7.184%,99.911% 7.231%,100% 7.279%,100.089% 7.326%,100% 100%);
}

/*** 404 NOT FOUND ***/
.hero-404 {
  padding-top: 120px;
  padding-bottom: 30px;
  text-align: center;
}

.hero-404 h1 {
  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 71.521px; /* 105.178% */
}

.hero-404 p {
  color: #00263A;
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 71.521px;
}


/*** MENU MINIMALISTA ***/

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.hover-50:hover {
  opacity: .5;
}

.z-index-2 {
  z-index: 2;
}


/** select2 options **/

.multiselect__single,
.multiselect > *
.multiselect__element > * {
  font-family: 'Poppins', sans-serif !important;
}


/** AREA PRIVADA LOGIN **/

.area-privada-title {
  color: #FFF;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 75px; /* 125% */
}

.area-privada-subtitle {
  color: #FFF;
  font-family: 'AMFina', sans-serif;
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 75px;
}

.area-privada-text {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px; /* 158.333% */

  margin-top: 50px;
}

.auth-switch {
  margin-top: 1.5rem;
}

.row-flex {
  display: flex;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.col-35 {
  flex: 0 0 35%;
  max-width: 35%;
  padding-right: 50px;
}

.col-65 {
  flex: 0 0 65%;
  max-width: 65%;
}

/* Ocultamos las pestañas originales, pero siguen funcionando */
.tabs_secciones.login {
    display: none;
}

/* Estilo de los textos debajo */
.login-toggle-text {
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
}

.login-toggle-text p {
    margin-bottom: 0;
}

.login-toggle-text .toggle-link {
    font-weight: 700;
    color: #fff;
    text-decoration: underline; /* o none si no quieres subrayado */
    cursor: pointer;
}

.register_action_text {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 35.457px; /* 295.476% */ 
}

.register_action_text button {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 35.457px;
  text-decoration: none;
}



.separator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;              /* espacio entre texto y líneas */
  color: #fff;            /* color del texto */
}

.separator span {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 196.984% */
}

.separator::before,
.separator::after {
  content: "";
  flex: 1;                /* ocupa todo el espacio disponible */
  height: 1px;            /* grosor de la línea */
  background-color: #fff; /* línea blanca */
}


.favorites-disclaimer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  width: 100%;
  padding: 8px;
  border-radius: 999px 0 0 999px;
  border: 1.5px solid #00AEC7;
  background: #E9F0F2;        
}

.favorites-disclaimer img {
  width: 45px;
  height: 45px;
}

.favorites-disclaimer p {
  color: rgba(0, 38, 58, 0.50);
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.801px; /* 227.151% */
  margin-bottom: 0;
  margin-right: auto;
}

.favorites-disclaimer a {
  height: 45px !important;
}


/*** profile private area ***/
/* Sidebar izquierda */
.sidebar-left {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;          /* ajusta al gusto */
  height: 100vh;         /* ocupa todo el alto de la ventana */
  background: #f5f5f5;
  border-right: 1px solid #ddd;
  padding: 12px;
  overflow-y: auto;      /* si el menú es largo, que haga scroll */
  z-index: 100;          /* por encima del contenido */
}

/* Contenido principal desplazado a la derecha */
.page-content {
  /*margin-left: 280px;*/    /* mismo ancho que la sidebar */
  min-height: 100vh;
}

/* Opcional: estilos básicos del menú */
.sidebar-left .sidebar-inner ul {
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}

.sidebar-left .sidebar-inner li {
  margin-bottom: 10px;
}

.sidebar-left .sidebar-inner li button:hover {
  color: var(--hg-light-blue, #04ADC7) !important;
}

.sidebar-left .sidebar-inner a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

/* Layout general: sidebar + contenido */
.content-with-sidebar {
  position: relative;
  display: flex;
  align-items: flex-start;
  /*height: 100vh;*/
}

/* Sidebar */
.sidebar-left {
  width: 280px;
  background: #f5f5f5;
  min-height: 100vh;        /* ocupa todo el alto */
  border-right: 1px solid #ddd;
  position: sticky;
  padding-top: 80px;
  top: 0px;                /* ajusta a la altura real del header */
}

.sidebar-inner {
  padding: 40px 5px 0 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sidebar-inner .area-sidebar-title {
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 20.24px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 23.235px */
  text-align: left;
  margin-bottom: 40px;
  padding: 0 0 0 15px;
}

/* Lista del menú */
.sidebar-menu {
  list-style: none;
  margin: 0;
  flex: 1;
}

/* Bloque usuario abajo */
.sidebar-user {
    padding: 16px 24px;
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: row;
}

.sidebar-user .nombre h3 {
    color: #00263A;
    font-family: 'Poppins', sans-serif;
    font-size: 16.575px;
    font-style: normal;
    font-weight: 700;
    line-height: 131.9%; /* 21.863px */

    margin: 0;
    padding: 0;
}

.sidebar-user .editar_perfil {
    color: #898989;
    font-family: 'Poppins', sans-serif;
    font-size: 10.952px;
    font-style: normal;
    font-weight: 400;
    line-height: 131.9%; /* 14.445px */

    padding-left: 0;

    text-decoration: none;
    border: none;
    background: transparent;
}

.sidebar-user .editar_perfil:hover {
    text-decoration: underline;
}

.sidebar-user .editar_perfil.active {
  color: var(--hg-light-blue, #04ADC7);
  font-weight: 700;
}

.sidebar-menu li + li {
  margin-top: 4px;
}

/* Botón de cada elemento del menú */
.sidebar-link {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.8%; /* 20.069px */
  text-align: left;

  width: 100%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  border-radius: 0;
  cursor: pointer;
}

/* Iconos dentro del botón */
.sidebar-link img {
  /*height: 18px;*/
  width: auto;
}

/* Estado activo */
.sidebar-link.active {
  color: #00AEC7 !important;
  background: transparent !important;
  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 700;
  line-height: 114.8%; /* 20.069px */
}

/* Texto */
.sidebar-link span {
  display: inline-flex;
  align-items: start;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

/* Alternancia de iconos blanco/azul (igual lógica que tabs) */
.sidebar-link .icon_white {
  display: none;
}

.sidebar-link.active .icon_white {
  display: inline-block;
}

.sidebar-link .icon_blue {
  display: inline-block;
}

.sidebar-link.active .icon_blue {
  display: none;
}

/* Columna de contenido */
.page-content {
  flex: 1;
  padding: 60px 40px 60px;
}

.area-section-top {
  display:flex; 
  width: 100%; 
  justify-content: space-between; 
  align-items: center;
}

.area-section-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 32.181px;
  font-style: normal;
  font-weight: 700;
  line-height: 114.8%; /* 36.944px */
  margin-bottom: 0;
}

.area-section-subtitle,
.config-section-text {
  color: rgba(0, 38, 58, 0.50);
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 227.151% */
}

.config-notification-title {
  color: #00AEC7;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 20.664px */
}

.config-notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.config-notification-item {
  display: flex;
  flex-direction: row;
  /*align-items: center;*/
  justify-content: space-between;
  width: 100%;

  padding: 5px 0 15px 0;
}

.config-notification-label {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 18.368px */
  margin-bottom: 0;
}

.config-notification-desc {
  color: #00263B;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 210% */  
  margin-bottom: 0;
}

/* Responsive: en móvil, que el sidebar se apile arriba */
@media (max-width: 991.98px) {
  .content-with-sidebar {
    flex-direction: column;
  }

  .sidebar-left {
    position: static;
    width: 100%;
    min-height: auto;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .page-content {
    padding: 24px 16px 40px;
    width: 100%;
  }
}







/*** modals **/
.modal-takeoff .modal-content {
  border-radius: 20px;
}

.modal-takeoff .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;

  padding-left: 50px;
  padding-right: 50px;
}

.modal-takeoff .modal-icon {
  height: 65px;
  width: 65px;
}

.modal-takeoff .modal-title {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}

.modal-takeoff .modal-body p {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}


.btn-close {
  background: none;
  background-image: url('../img/2025/iconos/close-modal.png');
  height: 31px;
  width: 31px;
  padding: 0 !important;
  opacity: 1;
}

.btn-close:hover {
  opacity: .5;
}


.btn-close.white{
  filter: brightness(0) invert(1);  
}







/** tabs area privada **/

/* Contenedor tipo “píldora” */
.tabs_takeoff {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid #00263A;
  padding: 0;
  overflow: hidden;           /* recorta esquinas internas */
  background: #FFFFFF;
}

/* Quitamos estilos por defecto de las nav-tabs de Bootstrap */
.tabs_takeoff .nav-link {
  flex: 1;                    /* cada tab ocupa la mitad */
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #00263A;
  padding: 10px 20px;
  white-space: nowrap;

  color: #000;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 11.394px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.8%; /* 13.08px */
}

/* Estado activo */
.tabs_takeoff .nav-link.active {
  background: #00263A;        /* azul oscuro */
  color: #FFFFFF;
}

/* Opcional: quitar la línea inferior típica de .nav-tabs */
.nav-tabs.tabs_takeoff {
  border-bottom: 1px solid #00263A;
}

.grid-specs{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
  grid-template-rows: repeat(2, auto);   /* 2 filas */
  gap: 24px 0px;
  width: 100%;
}
.grid-specs .item{
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  text-align: center;
  color: #8A8D8E; font: 500 14px/1.2 'Poppins', sans-serif;
}
.grid-specs .img-spec{ width: 46px; height: 46px; object-fit: contain; }
.grid-specs .img-award{ max-width:64px; max-height:64px; object-fit:contain; }


.empty_results {
  margin-top: 40px; 
  margin-bottom:-120px;
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.empty_results .empty_results_title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 19.5px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 22.386px */
}

.empty_results .empty_results_p {
  color: #898989;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 131.9%; /* 18.466px */
}

#add-offer-column,
#add-model-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.botones_comparador.eliminar {
  position:absolute;
  bottom:0px;
  right:0px;
  margin-top:0;  
}

.boton_eliminar_small.boton_eliminar_small_offer.item_comparativa_offer img,
.boton_eliminar_small.boton_eliminar_small_model.item_comparativa_model img {
  width:60px;
  height:60px;
  padding:10px;
}

.contenedor_datos_comparativa ul li,
.contenedor_datos_comparativa2 ul li {
    padding: 10px 20px;
}

.contenedor_datos_comparativa ul li.texto-grande,
.contenedor_datos_comparativa2 ul li.texto-grande {
    padding: 10px 20px;
}

.page-comparator-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 32.181px;
  font-style: normal;
  font-weight: 700;
  line-height: 114.8%; /* 36.944px */
  text-align: left;
  margin-top: 40px;
}

.page-comparator-subtitle {
  color: rgba(0, 38, 58, 0.50);
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.801px; /* 227.151% */
  text-align: left;
  max-width: 600px;
}

.comparator-datos-tecnicos {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  padding: 0 !important;
}

.comparator-card-bottom {
  padding: 15px 5px;
}

.comparator-card-title {
  color: #00263A;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 111.111% */
  margin-bottom: 20px;
}

.comparator-card-price {
  color: #F79824;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 109.494% */
  margin-bottom: 0;
}

.comparator-card-price-subtitle {
  color: #F79824;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 250.272% */
  text-transform: uppercase;
}

.hover-opacity-50:hover {
  opacity: .5;
}

.config-nav {
  max-width: 250px;
}

.config-logout-link {
  color: #E79256;
  border: none;
  background-color: white;

  width: 100%;
  text-align: left;
  border-radius: 999px;

  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.8%; /* 20.069px */
}

.config-logout-link:hover {
  color: white;
  border: none;
  background-color: #E79256;
}

.config-logout-link:focus {
  color: #E79256;
}

.config-logout-link:hover:focus {
  color: white;
}

.config-logout-link .config-nav-icon {
  margin-right: 10px;
}

.config-logout-link:hover img {
  filter: brightness(0) invert(1);
}


.nav-link.config-nav-link {
  color: var(--hg-dark-blue, #00263A);
  border: none;
  background-color: white;

  width: 100%;
  text-align: left;
  border-radius: 999px;
  border: 1px solid white;

  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.8%; /* 20.069px */
}

.nav-link.config-nav-link.active {
  color: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);

  color: #00AEC7;
  font-weight: 700;
}

.nav-link.config-nav-link:hover {
  border-radius: 999px;
  border: 1px solid var(--hg-dark-blue, #00263A);
}

.nav-link.config-nav-link:focus {
  color: var(--hg-light-blue, #04ADC7);
}

.nav-link.config-nav-link:hover:focus {
  color: var(--hg-light-blue, #04ADC7);
}

.nav-link.config-nav-link.active:hover:focus {
  color: white;
}

.nav-link.config-nav-link.active:focus {
  color: var(--hg-light-blue, #04ADC7);
}

.nav-link.config-nav-link.active:hover {
  color: #fff;
  background-color: var(--hg-light-blue, #04ADC7);
  border: 1px solid var(--hg-light-blue, #04ADC7);
}

.nav-link.config-nav-link .config-nav-icon {
  margin-right: 10px;
}

.nav-link.config-nav-link .config-nav-icon .img2 {
  display: none;
}

.nav-link.config-nav-link.active .config-nav-icon .img1 {
  display: none;
}
.nav-link.config-nav-link.active .config-nav-icon .img2 {
  display: inline-block;
}

.config-block-title {
  color: var(--hg-dark-blue, #00263A);
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 22.96px */
}

.config-avatar-img {
  width:120px;
  height:120px;
  border-radius:50%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.config-avatar-placeholder {
  width:120px;
  height:120px;
  border-radius:50%;
  background-color:#00AEC7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.config-avatar-placeholder span {
  color: white;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 500;
  /*line-height: 16px;*/
  margin: 0;
  padding: 0;
}

.config-upload-btn {
  color: var(--hg-dark-blue, #00263A);
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 500;
  line-height: 114.8%; /* 20.069px */

  padding: 10px 20px;
  border-radius: 16px;
  border: 1px solid var(--hg-dark-blue, #00263A);
}

.config-avatar-wrapper {
  opacity: 0.8;
  cursor: pointer;
  display: inline-block;
}

.config-helper-text {
  color: rgba(0, 38, 58, 0.50);
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 150% */
  max-width: 400px;
}

.config-delete-account {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 8px;
  border-radius: 34px;
  background: transparent;
  border: 1px solid white;
  color: #E10010;
  font-family: 'Poppins', sans-serif;
  font-size: 17.482px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.8%; /* 20.069px */
  text-decoration: none;           /* opcional */
  transition: background .2s, color .2s, box-shadow .2s;
}

.config-delete-account:hover {
  color: #E10010 !important;
  border: 1px solid #E10010;
}

.config-delete-account img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: block;
  transition: filter .2s ease, box-shadow .2s ease;
}




.form-check-input.check-takeoff {
  height: 27px;
  width: 27px;
  border: 1px soli #80929C;
  border-radius: 2px;

}

.form-check-input.check-takeoff:checked {
    background-color: var(--hg-light-blue, #04ADC7);
    border-color: var(--hg-light-blue, #04ADC7);
}


.toast.toast-takeoff {
  background-color: var(--hg-light-blue, #04ADC7);
  color: white;
  border-radius: 12px;

  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 114.8%; /* 22.96px */

  padding: 5px 10px 5px 10px;

}

.section-faqs {
  padding: 80px;
}

.container-faqs {
  width: 100%;
  padding: 80px 80px;
  background: var(--hg-dark-blue, #00263A);
  border-radius: 40.644px;
  display: flex;
  flex-direction: row;
}

.col-30 {
  width: 35%;
  /* opcional: estilos de ejemplo */
  padding: 10px;
  box-sizing: border-box;
}

.col-70 {
  width: 65%;
  /* opcional: estilos de ejemplo */
  padding: 10px;
  box-sizing: border-box;
}

.faq-section {
  position: relative;
}

/* Ocultamos los radios */
.faq-tab-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Contenedor de las tabs */
.faq-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* Botones */
.faq-tab-label {
  color: var(--hg-pill, #BBDDE6);
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 40.644px; /* 254.028% */

  border-radius: 999px;
  padding: 0.6rem 1.8rem;
  background: transparent;
  border: 2px solid var(--hg-pill, #BBDDE6);

  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.faq-tab-label:hover {
  color: #ffffff;
  border-color: #ffffff;
}

.faq-content>*{
  color: white !important;
}

.faq-panel .accordion-item:first-child {
  border-top: 2px solid white;
}

.faq-panel .accordion-item {
  background: transparent !important;
  border-bottom: 2px solid white;
}


.faq-panel .accordion-body>p {
  color: rgba(255, 255, 255, 0.70) !important;
  background-color: transparent !important;

  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px; /* 133.333% */
}

.faq-panel .accordion-body>a {
  color: white;
}

.faq-panel .accordion-body>a:hover {
  font-weight: 500;
  text-decoration: underline;
}



.faq-panel .accordion-header > .accordion-button,
.faq-panel .accordion-button:not(.collapsed),
.faq-panel .accordion-header > .accordion-button p,
.faq-panel .accordion-button:not(.collapsed) p {
  color: white !important;
  background-color: transparent !important;
}

.faq-panel .accordion-header > .accordion-button p {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32.516px; /* 135.481% */
}

.faq-panel .accordion-button::after{
  /* sustituye el chevron por tu PNG */
  background-image: url('../img/2025/iconos/accordeon-plus-white.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;

  /* tamaño del pseudo-elemento (no depende de la fuente) */
  width: 28px;
  height: 28px;

  /* animación suave */
  transform: rotate(0deg);
  transition: transform .2s ease;
}

.faq-panel .accordion-button:not(.collapsed)::after{
  transform: rotate(45deg);
}


/* Estado activo de cada pestaña */
#faq-tab-1:checked ~ .faq-tabs label[for="faq-tab-1"],
#faq-tab-2:checked ~ .faq-tabs label[for="faq-tab-2"],
#faq-tab-3:checked ~ .faq-tabs label[for="faq-tab-3"],
#faq-tab-4:checked ~ .faq-tabs label[for="faq-tab-4"],
#faq-tab-5:checked ~ .faq-tabs label[for="faq-tab-5"],
#faq-tab-6:checked ~ .faq-tabs label[for="faq-tab-6"],
#faq-tab-7:checked ~ .faq-tabs label[for="faq-tab-7"],
#faq-tab-8:checked ~ .faq-tabs label[for="faq-tab-8"],
#faq-tab-9:checked ~ .faq-tabs label[for="faq-tab-9"] {
  background: var(--hg-pill, #BBDDE6);
  color: var(--hg-dark-blue, #00263A);
  border-color: var(--hg-pill, #BBDDE6);
}

/* Paneles */
.faq-panels {
  width: 100%;
}

.faq-panel {
  display: none;
}

/* Mostrar solo el panel asociado al radio activo */
#faq-tab-1:checked ~ .faq-panels .faq-panel:nth-child(1),
#faq-tab-2:checked ~ .faq-panels .faq-panel:nth-child(2),
#faq-tab-3:checked ~ .faq-panels .faq-panel:nth-child(3),
#faq-tab-4:checked ~ .faq-panels .faq-panel:nth-child(4),
#faq-tab-5:checked ~ .faq-panels .faq-panel:nth-child(5),
#faq-tab-6:checked ~ .faq-panels .faq-panel:nth-child(6),
#faq-tab-7:checked ~ .faq-panels .faq-panel:nth-child(7),
#faq-tab-8:checked ~ .faq-panels .faq-panel:nth-child(8),
#faq-tab-9:checked ~ .faq-panels .faq-panel:nth-child(9) {
  display: block;
}


/*** GUARDAR BÚSQUEDA ***/


/* ===== Modal guardar búsqueda ===== */

.modal-save-search .modal-content {
  width: auto;
}

.modal-save-search .modal-dialog {
  max-width: 720px;
}

.modal-save-search .modal-content.save-search-modal {
  border: none;
  border-radius: 32px;
  padding: 40px 60px 48px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  position: relative;
}

.modal-save-search .modal-content.delete-search-modal {
  border: none;
  border-radius: 32px;
  padding: 20px 60px 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  position: relative;
}

/* Botón de cierre arriba a la derecha */
.save-search-close {
  position: absolute;
  top: 18px;
  right: 24px;
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #94a3b8;
  cursor: pointer;
}

.save-search-close:hover {
  color: #64748b;
}

.save-search-inner {
  text-align: center;
}

.save-search-title {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
  margin-bottom: 32px;
}

/* Input grande redondeado */
.save-search-input-wrapper {
  margin-bottom: 32px;
}

.save-search-input {
  color: var(--hg-dark-blue, #00263A);
  width: 100%;
/*  max-width: 360px; */
  margin: 0 auto;
  height: 49px;
  border-radius: 999px;
  border: 1px solid var(--hg-dark-blue, #00263A);
  padding: 0 32px;
  outline: none;

  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 144.444% */
}

.save-search-input::placeholder {
  color: rgba(138, 141, 142, 0.60);
}

.saved-search-name {
  margin-top: 0 !important;
  font-size: 24px !important;
}

.save-search-actions {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.save-search-btn {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 35.457px; /* 196.984% */

  min-width: 220px;
  height: 49px;
  border-radius: 999px;
  border: 2px solid transparent;

  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

/* Colores: ajusta si usas otra paleta */
.save-search-btn-primary {
  background-color: var(--hg-light-blue, #04ADC7);    /* azul/cian */
  border-color: var(--hg-light-blue, #04ADC7);
  color: #ffffff;
}

.save-search-btn-primary:hover:not(:disabled) {
  filter: brightness(1.05);
}

.save-search-btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.save-search-btn-secondary {
  background-color: #ffffff;
  border-color: var(--hg-light-blue, #04ADC7);
  color: var(--hg-light-blue, #04ADC7);
}

.save-search-btn-secondary:hover {
  background-color: rgba(38, 166, 209, 0.06);
}

.saved-search-footer {
  margin-top: 20px;
}

.saved-search-menu-wrapper {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
}

.saved-search-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 10px;
}

.saved-search-pill {
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.78rem;
  background: #f5f5f5;
  color: #1c3360;
  border: 1px solid #d5d5d5;
}

.saved-search-menu-btn {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: none;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 0;
  cursor: pointer;
}

.saved-search-menu-btn span {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #03223d; /* azul oscuro de tu theme */
}

.saved-search-menu {
  position: absolute;
  top: 32px;
  right: 0;
  min-width: 150px;
  padding: 0.75rem 1rem;
  border-radius: 16px;
  background: #D3E6EA; /* azul clarito tipo captura */
  box-shadow: 0 14px 30px rgba(0,0,0,0.14);
  display: none;
}

.saved-search-menu.is-open {
  display: block;
}

.saved-search-menu-item {
  display: block;
  width: 100%;
  padding: 0.15rem 0;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 0.9rem;
  color: #05223f;
}

.saved-search-menu-item:hover {
  opacity: .8;
}

.saved-search-menu-item--primary {
  font-weight: 600;
}

.saved-search-menu-item--danger {
  margin-top: 0.25rem;
}

.saved-search-notify-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.saved-search-notify-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.saved-search-check {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 2px solid #00a0bc;
    box-sizing: border-box;
    position: relative;
    transition: all .15s ease;
}

.saved-search-notifications-text {
    color: rgba(0, 38, 58, 0.50);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}

/* Estado activado */
.saved-search-notify-toggle input:checked + .saved-search-check {
    background: #00a0bc;
    border-color: #00a0bc;
}

/* Check dibujado con CSS */
.saved-search-notify-toggle input:checked + .saved-search-check::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(40deg);
}




/* Caja principal del modal */
.contact-success-modal {
  border-radius: 32px;
  border: none;
  overflow: hidden;
  padding: 0;
  background: transparent;
}

/* Layout dos columnas */
.contact-success-layout {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  background: #ffffff;
}

/* Columna izquierda (texto) */
.contact-success-left {
  flex: 0 0 60%;
  padding: 64px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-success-title {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: #02263a;
  margin-bottom: 32px;
}

.contact-success-text {
  font-size: 18px;
  line-height: 1.7;
  color: #12384c;
  margin-bottom: 16px;
}

.contact-success-strong {
  font-weight: 700;
}

/* Columna derecha (imagen) */
.contact-success-right {
  flex: 0 0 40%;
  position: relative;
}

.contact-success-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Botón de cierre redondo arriba a la derecha */
.contact-success-close {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 5;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 2px solid #02263a;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.contact-success-close span {
  position: relative;
  width: 18px;
  height: 18px;
}

.contact-success-close span::before,
.contact-success-close span::after {
  content: "";
  position: absolute;
  inset: 50%;
  width: 100%;
  height: 2px;
  background: #02263a;
  transform-origin: center;
}

.contact-success-close span::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.contact-success-close span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Responsive */
@media (max-width: 992px) {
  .contact-success-left {
    padding: 40px 32px;
  }

  .contact-success-title {
    font-size: 32px;
  }

  .contact-success-text {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .contact-success-layout {
    flex-direction: column;
  }

  .contact-success-left,
  .contact-success-right {
    flex: 0 0 auto;
    width: 100%;
  }

  .contact-success-right {
    order: -1; /* Imagen arriba en móvil (opcional) */
    max-height: 260px;
  }

  .contact-success-right img {
    height: 100%;
  }

  .contact-success-left {
    padding: 32px 24px 40px;
    text-align: center;
  }

  .contact-success-close {
    right: 16px;
  }
}


/** modal login **/
.modal-login .modal-content {
  border-radius: 0;
  border: none;
  min-height: 100vh;
}





/*** MODAL THANKS ***/

/* Fondo algo más oscuro para centrar la atención */
.modal-contact-thanks.modal {
  --bs-modal-backdrop-bg: #001827;
  --bs-modal-backdrop-opacity: 0.8;
}

/* Contenedor principal (quita borde bootstrap) */
.thanks-card-wrapper {
  background: transparent;
  border: none;
  box-shadow: none;
  position: relative;
}

/* Tarjeta blanca con dos columnas */
.thanks-card {
  background: #ffffff;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  min-height: 360px;
  max-height: 80vh;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* Columna izquierda: textos */
.thanks-card-text {
  flex: 1 1 55%;
  padding: 60px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #003049; /* azul corporativo aprox */
}

/* Título */
.thanks-title {
  color: #00263A;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 60.982px; /* 70.796% */
  margin-bottom: 32px;
}

/* Parte “bordo!” en script – adapta a tu tipografía manuscrita */
.thanks-title-script {
  color: #00263A;
  font-family: 'AMFina', sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 33.982px;
}

/* Párrafos */
.thanks-paragraph {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px; /* 145.833% */
  margin-bottom: 12px;
}

/* Frase final destacada */
.thanks-highlight {
  color: #00263A;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-top: 28px;
}

/* Columna derecha: imagen */
.thanks-card-image {
  flex: 1 1 45%;
  position: relative;
}

.thanks-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Botón cerrar redondo arriba a la derecha */
.thanks-close-btn {
  position: absolute;
  top: 18px;
  right: 24px;
  height: 31px;
  width: 31px;
  background: none;
  background-image: url('../img/2025/iconos/close-modal.png');
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  cursor: pointer;
  z-index: 5;
  opacity: 1;
}

.thanks-close-btn:hover {
  opacity: .5;
}

.thanks-close-btn.white{
  filter: brightness(0) invert(1);  
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}




/* MODAL CONTACTO LISTADO OFERTAS */

#contactOfferModal .modal-dialog {
  max-width: 1040px;
}

.contact-offer-modal {
  border-radius: 24px;
  overflow: hidden;
  border: 0;
}

.contact-offer-layout {
  display: flex;
  min-height: 420px;
}

@media (max-width: 992px) {
  .contact-offer-layout {
    flex-direction: column;
  }
}

/* COLUMNA IZQUIERDA */
.contact-offer-left {
  flex: 0 0 55%;
  background: #02a9c4;
  color: #ffffff;
  padding: 48px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-offer-left-inner {
  max-width: 320px;
  text-align: center;

}

.contact-left-title {
  color: #FFF;
  text-align: center;
  font-family: 'AMFina', sans-serif;
  font-size: 62px;
  font-style: normal;
  font-weight: 400;
  line-height: 34.371px; /* 55.437% */
  margin-bottom: 32px;
}

.contact-left-text {
  color: #FFF;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px; /* 133.333% */
  margin-bottom: 48px;
}

.contact-left-call-label {
  color: #FFF;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 34.371px; /* 127.299% */
  margin-bottom: 16px;
}

.contact-left-call-btn {
  display: inline-flex;
  align-items: center;
}

/* COLUMNA DERECHA */
.contact-offer-right {
  position: relative;
  flex: 1;
  background: #ffffff;
  padding: 0 0 20px;
}

.contact-offer-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #00263a;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.contact-offer-close span {
  position: absolute;
  width: 14px;
  height: 1.5px;
  background: #00263a;
}
.contact-offer-close span:first-child { transform: rotate(45deg); }
.contact-offer-close span:last-child  { transform: rotate(-45deg); }

.contact-offer-form-wrapper > h2 {
  margin-top: 16px;
}

/* opcional, por si quieres que los inputs sean aún más redondeados como el diseño */
.contact-offer-form-wrapper .form-control.form-contacto {
  border-radius: 999px;
}

.contact-offer-form-wrapper textarea.form-contacto {
  border-radius: 16px;
  resize: vertical;
}

/* Ajustes responsive */
@media (max-width: 768px) {
  .thanks-card {
    flex-direction: column;
    border-radius: 24px;
  }

  .thanks-card-text {
    padding: 32px 24px 28px;
  }

  .thanks-card-image {
    height: 180px;
  }

  .thanks-title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .thanks-paragraph,
  .thanks-highlight {
    font-size: 16px;
  }

  .thanks-close-btn {
    top: 12px;
    right: 16px;
  }
}

@media (min-width: 992px) {
  .modal-contact-thanks .modal-dialog {
    max-width: 1200px;
  }
}