.elementor-kit-1566{--e-global-color-primary:#008080;--e-global-color-secondary:#D39954;--e-global-color-text:#333333;--e-global-color-accent:#FFFFFF;--e-global-color-blancoroto:#F0F0F0;--e-global-typography-primary-font-family:"Archivo Caretta";--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-family:"Archivo Caretta";--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-family:"Archivo Caretta";--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-family:"Archivo Caretta";background-color:#FFFFFF;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1566 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1566 h1{font-family:"Archivo Caretta", Sans-serif;font-size:60px;}.elementor-kit-1566 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-1566 h3{font-family:"Archivo Caretta", Sans-serif;font-size:20px;}.elementor-kit-1566 h4{font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-1566{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1566 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1566{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1566 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Caretta (07/10/2026): Archivo variable alojada en la web, con sus rangos de anchura y grosor.
   Se usa con el nombre «Archivo Caretta VF» porque la fuente personalizada de Elementor no declara los rangos. */
@font-face{font-family:"Archivo Caretta VF";src:url("https://caretta.es/wp-content/uploads/2026/10/archivo-caretta-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Archivo Caretta VF";src:url("https://caretta.es/wp-content/uploads/2026/10/archivo-caretta-latin-ext.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Archivo Caretta VF";src:url("https://caretta.es/wp-content/uploads/2026/10/archivo-caretta-italic-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* Caretta (06/10/2026): títulos H2 y H3 en el gris oscuro de los textos (#333333, color global "Texto"), más sobrios.
   Solo afecta a los que usan el color por defecto (verde); los que tienen
   un color propio (p. ej. blancos sobre fondo de color) se quedan igual. */
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-icon-box h3.elementor-icon-box-title,
.elementor-widget-image-box h3.elementor-image-box-title,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3 {
  color: var(--e-global-color-text);
}

/* Caretta (06/10/2026): fondo de la web en blanco puro en vez de #F0F0F0.
   El fondo general se cambió en Ajustes del sitio → Fondo (antes usaba el color global «Acento»). Esto cubre el pie y las entradas, que vienen de Astra. */
html body,
html body.ast-separate-container,
html .ast-separate-container .ast-article-post,
html body.ast-separate-container .ast-article-single:not(.ast-related-post),
html .site-footer {
  background-color: #FFFFFF;
}

/* Caretta (06/10/2026): botón final de las entradas antiguas que no tienen widget Botón
   (va dentro del último Editor de texto, clase .caretta-cta). Imita el botón de las entradas nuevas. */
.caretta-cta { text-align: center; margin-top: 24px; }
.caretta-cta a.elementor-button {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-accent);
  font-family: "Archivo Caretta VF", Arial, sans-serif; font-size: 13px; font-weight: 600;
  padding: 10px 20px; border-radius: 3px; text-decoration: none; display: inline-block;
}

/* Caretta (06/10/2026): las entradas tienen imagen destacada para las tarjetas del blog,
   pero dentro de la entrada ya hay una imagen de cabecera en Elementor. Se oculta la de Astra para no repetirla. */
.single-post.elementor-page .entry-header .post-thumb-img-content { display: none; } /* solo en entradas hechas con Elementor */

/* Caretta (06/10/2026): todas las imágenes de las tarjetas del blog con la misma proporción (3:2),
   aunque la foto original sea vertical. */
.premium-blog-thumbnail-container img {
  width: 100%; height: auto !important; aspect-ratio: 3 / 2;
  object-fit: cover; object-position: center 30%;
}

/* ==========================================================================
   Caretta (07/10/2026): REBRANDING TIPOGRÁFICO · Archivo (dirección «Náutico premium»)
   Fuente propia alojada en la web: Elementor → Fuentes personalizadas → «Archivo Caretta»
   (variable: anchura 62–125 %, grosor 100–900; normal + cursiva).
   Para volver atrás: borrar este bloque y devolver las tipografías del kit a Baskervville/Lato.
   ========================================================================== */

/* 1 · Una sola familia en toda la web (también textos con fuente puesta a mano o pegada en el HTML). Se excluyen los iconos. */
body,
body :is(h1,h2,h3,h4,h5,h6,p,a,li,span,div,strong,em,b,i,blockquote,label,input,textarea,select,button,td,th,figcaption,cite,small,dt,dd):not([class*="fa-"]):not([class*="eicon"]):not(.dashicons) {
  font-family: "Archivo Caretta VF", Arial, sans-serif !important;
}

/* 2 · H1 de toda la web: ancha, en mayúsculas y espaciada */
body h1,
body h1.elementor-heading-title,
body .entry-title {
  font-stretch: 125%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500 !important;
  font-size: clamp(30px, 4.2vw, 60px) !important;
  line-height: 1.12 !important;
}

/* 3 · H2 de los widgets Título en las páginas (en las entradas, ver punto 5) */
body:not(.single-post) .elementor-widget-heading h2.elementor-heading-title {
  font-stretch: 125%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500 !important;
  font-size: clamp(22px, 2.4vw, 34px) !important;
  line-height: 1.2 !important;
}

/* 4 · Títulos pequeños (tarjetas, cajas de icono, H3 de widgets Título): mayúsculas pequeñas y espaciadas */
body:not(.single-post) .elementor-widget-heading h3.elementor-heading-title,
body .elementor-icon-box-title,
body .elementor-image-box-title {
  font-stretch: 112%;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600 !important;
  font-size: clamp(15px, 1.15vw, 17px) !important;
  line-height: 1.35 !important;
}

/* 5 · Entradas del blog: titulares dentro del artículo en caja normal, para leer bien los largos */
body.single-post .elementor-widget-heading :is(h2,h3).elementor-heading-title,
body.single-post .elementor-widget-text-editor :is(h2,h3) {
  font-stretch: 100%;
  text-transform: none;
  letter-spacing: -0.005em;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
body.single-post .elementor-widget-heading h2.elementor-heading-title,
body.single-post .elementor-widget-text-editor h2 { font-size: clamp(22px, 2vw, 28px) !important; }
body.single-post .elementor-widget-heading h3.elementor-heading-title,
body.single-post .elementor-widget-text-editor h3 { font-size: clamp(19px, 1.6vw, 22px) !important; }

/* 6 · Tarjetas del blog: título en caja normal */
body .premium-blog-entry-title,
body .premium-blog-entry-title a {
  font-stretch: 100%;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600 !important;
}

/* 7 · Subtítulo del hero de las páginas: grosor normal */
body [data-elementor-type="wp-page"] > .e-con:first-child :is(.elementor-widget-text-editor p, .elementor-widget-heading p.elementor-heading-title) {
  font-weight: 400 !important;
}

/* 8 · Botones y menú: mayúsculas pequeñas y espaciadas */
body .elementor-button,
body .caretta-cta a,
body .elementor-field-type-submit button,
body .ast-custom-button,
body .ast-builder-button-wrap .ast-custom-button {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600 !important;
  font-size: 13px !important;
}
body .main-header-menu .menu-link {
  text-transform: uppercase;
  font-stretch: 112%;
  letter-spacing: 0.1em;
  font-weight: 500 !important;
  font-size: 15px !important; /* 07/10: subido de 13 px, se veía muy pequeño */
}

/* 9 · Título de las entradas (columna estrecha): algo más pequeño que el H1 de las páginas */
body.single-post .entry-title { font-size: clamp(28px, 3vw, 42px) !important; }

/* 10 · Hero de las páginas centrado (07/10): sin margen bajo el último párrafo, para que todos queden a la misma altura */
body [data-elementor-type="wp-page"] > .e-con:first-child .elementor-widget-text-editor p:last-child { margin-bottom: 0; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo Caretta';
	font-display: auto;
	src: url('https://caretta.es/wp-content/uploads/2026/10/archivo-caretta-latin.woff2') format('woff2');
}
/* End Custom Fonts CSS */