:root {
	--wd-text-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(37,37,37);
	--wd-text-font-size: 16px;
	--wd-title-font: "Bad Script", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,121,190);
	--wd-entities-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(103,157,149);
	--wd-alternative-color: rgb(65,85,103);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(26,61,151);
	--btn-accented-bgcolor-hover: rgb(24,56,137);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.wd-sub-menu li {
    position: relative;
    margin-bottom: 5px;
}
.wd-social-icons.wd-style-default>a {
    padding: 12px !important;
}
.whb-top-bar .wd-nav-secondary>li>a {
	font-size: 13px !important;
}
.menu-item-21252 .wd-nav-img, .menu-item-21252 .mega-menu-list img {
	max-height: 20px !important;
}
.menu-item-21251 .wd-nav-img, .menu-item-21251 .mega-menu-list img {
	max-height: 16px !important;
}
.wd-info-box .info-box-icon {
	font-size: 22px;
}
.wd-gallery-item img {
    height: 450px;
    object-fit: cover;
    object-position: center;
}
.igualar .wd-info-box {
	min-height: 650px;
}
.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {
	color: #fff;
}
.wd-toolbar {
	background-color: #679d95 !important;
}
fieldset.hidden-fields-container {
    display: none;
}
.fondo .title {
	background: #ffffffa3;
	padding: 10px 20px;
}
.cabesa .title {
    text-shadow: 1px 1px #fff;
}
/* =========================================
   Contenido de categoría: legibilidad + maquetación
   Scope: .categoria-contenido
   ========================================= */

.categoria-contenido{
  /* Ajuste rápido de “look & feel” */
  --cc-text: #1f2937;
  --cc-muted: #4b5563;
  --cc-border: #e5e7eb;
  --cc-bg-soft: #f9fafb;
  --cc-bg-card: #ffffff;
  --cc-radius: 14px;

  /* Ritmo y tipografía */
  --cc-size: 16px;
  --cc-line: 1.75;
  --cc-gap: clamp(14px, 1.2vw, 18px);

  color: var(--cc-text);
  font-size: var(--cc-size);
  line-height: var(--cc-line);
  letter-spacing: 0.01em;

  /* Maquetación */
  margin-inline: auto;
  padding: clamp(14px, 2.2vw, 24px);
}

/* Mejorar “aire” general entre bloques */
.categoria-contenido > * + *{
  margin-top: var(--cc-gap);
}

/* Párrafos */
.categoria-contenido p{
  margin: 0;
  color: var(--cc-text);
}

/* Jerarquía de títulos */
.categoria-contenido h2{
  margin: 0;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.categoria-contenido h3{
  margin: 0;
  margin-top: calc(var(--cc-gap) * 1.25);
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -0.01em;

  /* Separador sutil sin añadir HTML */
  padding-top: calc(var(--cc-gap) * 0.8);
  border-top: 1px solid var(--cc-border);

  /* Por si hay anclas: que no quede pegado arriba */
  scroll-margin-top: 90px;
}

/* Énfasis y enlaces */
.categoria-contenido strong{
  font-weight: 750;
}

.categoria-contenido a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.categoria-contenido a:hover{
  text-decoration-thickness: 2px;
}

/* Listas: más legibles y con mejor ritmo */
.categoria-contenido ul{
  margin: 0;
  padding-left: 1.1em;
  display: grid;
  gap: 10px;
}

.categoria-contenido li{
  margin: 0;
  color: var(--cc-text);
}

.categoria-contenido li::marker{
  color: var(--cc-muted);
}

/* Detalles/FAQ: estilo “acordeón” limpio */
.categoria-contenido details{
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  background: var(--cc-bg-card);
  padding: 0;              /* lo gestionamos por summary/body */
  overflow: hidden;
}

.categoria-contenido details + details{
  margin-top: 12px;
}

/* Cabecera (summary) */
.categoria-contenido summary{
  list-style: none;        /* quita marcador por defecto en algunos navegadores */
  cursor: pointer;
  padding: 14px 44px 14px 16px;
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  color: var(--cc-text);
  background: linear-gradient(to bottom, var(--cc-bg-card), var(--cc-bg-soft));
}

.categoria-contenido summary::-webkit-details-marker{
  display: none;
}

/* Flecha custom */
.categoria-contenido summary::after{
  content: "▾";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--cc-muted);
  transition: transform 180ms ease;
}

.categoria-contenido details[open] summary::after{
  transform: translateY(-50%) rotate(180deg);
}

/* Cuerpo del acordeón */
.categoria-contenido details > p{
  margin: 0;
  padding: 0 16px 16px 16px;
  color: var(--cc-muted);
}

/* Estados de enfoque accesibles */
.categoria-contenido summary:focus{
  outline: none;
}

.categoria-contenido summary:focus-visible{
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
  border-radius: 10px;
}

/* Ajustes responsive */
@media (max-width: 520px){
  .categoria-contenido{
    padding: 14px;
  }
  .categoria-contenido summary{
    padding-right: 40px;
  }
}

/* Modo oscuro (opcional, no invasivo) */
@media (prefers-color-scheme: dark){
  .categoria-contenido{
    --cc-text: #e5e7eb;
    --cc-muted: #cbd5e1;
    --cc-border: #334155;
    --cc-bg-soft: #0b1220;
    --cc-bg-card: #0f172a;
  }
  .categoria-contenido summary:focus-visible{
    outline-color: #60a5fa;
  }
}

/* =========================================================
   LANDING BARKIBU · CLÍNICA VETERINARIA ALEGRÍA
   CSS completamente acotado a .alegria-barkibu
   No define tipografías ni estilos globales del tema.
   ========================================================= */

.alegria-barkibu{
  --ab-primary: var(--wd-primary-color, #66a59e);
  --ab-title: var(--wd-title-color, #322c29);
  --ab-text: var(--wd-text-color, #5c5551);
  --ab-orange: #ff4b12;
  --ab-orange-soft: #fff0e9;
  --ab-blue: #e7f3fd;
  --ab-blue-2: #dceffc;
  --ab-grey: #f7f7f6;
  --ab-border: #e4e2df;

  color:var(--ab-text);
}

.alegria-barkibu *,
.alegria-barkibu *::before,
.alegria-barkibu *::after{
  box-sizing:border-box;
}

.alegria-barkibu img{
  display:block;
  max-width:100%;
  height:auto;
}

.alegria-barkibu p{
  margin-top:0;
  line-height:1.7;
}

.alegria-barkibu h1,
.alegria-barkibu h2,
.alegria-barkibu h3{
  margin-top:0;
  color:var(--ab-title);
}

.alegria-barkibu h2{
  margin-bottom:0;
  font-size:clamp(32px,3.6vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
}

.alegria-barkibu h2 span{
  color:var(--ab-orange);
}

.alegria-barkibu h3{
  margin-bottom:10px;
  font-size:32px;
  line-height:1.25;
}


/* ANCHO COMPLETO DE LAS BANDAS */

.alegria-barkibu .ab-band{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
}

.alegria-barkibu .ab-container{
  width:min(1360px, calc(100% - 50px));
  margin:0 auto;
}


/* ELEMENTOS COMUNES */

.alegria-barkibu .ab-eyebrow{
  margin-bottom:13px;
  color:var(--ab-primary);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.alegria-barkibu .ab-btn{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:13px 25px;
  border-radius:6px;
  background:var(--ab-primary);
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:opacity .2s ease, transform .2s ease;
}

.alegria-barkibu .ab-btn:hover{
  color:#fff;
  opacity:.9;
  transform:translateY(-1px);
}

.alegria-barkibu .ab-link{
  color:var(--ab-title);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}


/* =========================================================
   HERO
   ========================================================= */

.alegria-barkibu .ab-hero{
  padding:64px 0 66px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(255,255,255,.58) 0 210px, transparent 211px),
    radial-gradient(circle at 0 100%, rgba(255,255,255,.42) 0 155px, transparent 156px),
    var(--ab-blue);
}

.alegria-barkibu .ab-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 680px;
  gap:78px;
  align-items:center;
}

.alegria-barkibu .ab-hero-copy{
  min-width:0;
}

.alegria-barkibu .ab-logo{
  width:180px;
  margin:0 0 34px;
}

.alegria-barkibu .ab-hero h1{
  max-width:660px;
  margin:0 0 23px;
  font-size:clamp(44px,4.8vw,66px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.alegria-barkibu .ab-hero h1 span{
  display:block;
  color:var(--ab-orange);
}

.alegria-barkibu .ab-hero-lead{
  max-width:620px;
  margin-bottom:27px;
  font-size:18px;
}

.alegria-barkibu .ab-hero-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:30px;
}

.alegria-barkibu .ab-hero-points > div{
  padding:14px 15px;
  border:1px solid rgba(65,121,137,.16);
  border-radius:9px;
  background:rgba(255,255,255,.72);
}

.alegria-barkibu .ab-hero-points strong,
.alegria-barkibu .ab-hero-points span{
  display:block;
}

.alegria-barkibu .ab-hero-points strong{
  margin-bottom:3px;
  color:var(--ab-title);
  font-size:18px;
}

.alegria-barkibu .ab-hero-points span{
  font-size:14px;
  line-height:1;
}

.alegria-barkibu .ab-actions{
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
}

.alegria-barkibu .ab-hero-media{
  width:680px;
  max-width:100%;
  justify-self:end;
}

.alegria-barkibu .ab-hero-media img{
  width:100%;
  border-radius:22px;
  box-shadow:0 20px 50px rgba(42,68,83,.13);
}


/* =========================================================
   RESUMEN
   ========================================================= */

.alegria-barkibu .ab-summary{
  border-bottom:1px solid var(--ab-border);
  background:#fff;
}

.alegria-barkibu .ab-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.alegria-barkibu .ab-summary-item{
  min-height:116px;
  padding:27px 25px;
  border-right:1px solid var(--ab-border);
}

.alegria-barkibu .ab-summary-item:last-child{
  border-right:0;
}

.alegria-barkibu .ab-summary-item strong,
.alegria-barkibu .ab-summary-item span{
  display:block;
}

.alegria-barkibu .ab-summary-item strong{
  margin-bottom:6px;
  color:var(--ab-title);
  font-size:24px;
}

.alegria-barkibu .ab-summary-item span{
  font-size:16px;
  line-height:1.5;
}

.alegria-barkibu .ab-summary-accent strong{
  color:var(--ab-orange);
}


/* =========================================================
   BENEFICIOS
   ========================================================= */

.alegria-barkibu .ab-benefits{
  padding:82px 0;
  background:var(--ab-grey);
}

.alegria-barkibu .ab-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.68fr);
  gap:75px;
  align-items:end;
  margin-bottom:43px;
}

.alegria-barkibu .ab-section-head > p{
  margin-bottom:2px;
  font-size:17px;
}

.alegria-barkibu .ab-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.alegria-barkibu .ab-card{
  min-height:280px;
  padding:31px;
  border:1px solid var(--ab-border);
  border-radius:14px;
  background:#fff;
}

.alegria-barkibu .ab-card-number{
  margin-bottom:24px;
  color:var(--ab-primary);
  font-size:42px;
  font-weight:800;
  letter-spacing:.08em;
}

.alegria-barkibu .ab-card p{
  margin-bottom:0;
  font-size:16px;
}


/* =========================================================
   CLÍNICA DESTACADA
   ========================================================= */

.alegria-barkibu .ab-featured{
  padding:82px 0;
  background:var(--ab-orange-soft);
}

.alegria-barkibu .ab-featured-grid{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:82px;
  align-items:center;
}

.alegria-barkibu .ab-featured-number{
  display:flex;
  width:310px;
  height:310px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--ab-orange);
  color:#fff;
  text-align:center;
}

.alegria-barkibu .ab-featured-number span{
  margin-bottom:4px;
  font-size:14px;
  font-weight:700;
}

.alegria-barkibu .ab-featured-number strong{
  font-size:78px;
  line-height:.95;
  letter-spacing:-.07em;
}

.alegria-barkibu .ab-featured-number small{
  margin-top:7px;
  font-size:16px;
  font-weight:700;
}

.alegria-barkibu .ab-featured-copy{
  max-width:760px;
}

.alegria-barkibu .ab-featured-copy h2{
  margin-bottom:22px;
}

.alegria-barkibu .ab-featured-copy > p{
  margin-bottom:20px;
  font-size:18px;
}

.alegria-barkibu .ab-info-box{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:20px;
  max-width:720px;
  padding:19px 21px;
  border-radius:9px;
  background:#fff;
}

.alegria-barkibu .ab-info-box strong{
  color:var(--ab-title);
	font-size: 18px;
}

.alegria-barkibu .ab-info-box span{
  font-size:16px;
  line-height:1.55;
}


/* =========================================================
   CÓMO FUNCIONA
   ========================================================= */

.alegria-barkibu .ab-how{
  padding:82px 0;
  background:#fff;
}

.alegria-barkibu .ab-centered-head{
  max-width:760px;
  margin:0 auto 48px;
  text-align:center;
}

.alegria-barkibu .ab-centered-head p{
  margin:15px 0 0;
  font-size:17px;
}

.alegria-barkibu .ab-steps{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:25px;
  align-items:center;
}

.alegria-barkibu .ab-step{
  min-height:225px;
  padding:30px;
  border:1px solid var(--ab-border);
  border-radius:13px;
  background:var(--ab-grey);
}

.alegria-barkibu .ab-step-number{
  display:flex;
  width:43px;
  height:43px;
  align-items:center;
  justify-content:center;
  margin-bottom:36px;
  border-radius:50%;
  background:var(--ab-primary);
  color:#fff;
  font-weight:800;
}

.alegria-barkibu .ab-step p{
  margin-bottom:0;
  font-size:16px;
}

.alegria-barkibu .ab-step-arrow{
  color:#aaa5a2;
  font-size:27px;
}


/* =========================================================
   EJEMPLO
   ========================================================= */

.alegria-barkibu .ab-example{
  padding:82px 0;
  background:var(--ab-blue-2);
}

.alegria-barkibu .ab-example-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(390px,.68fr);
  gap:90px;
  align-items:center;
}

.alegria-barkibu .ab-example-copy h2{
  max-width:640px;
  margin-bottom:22px;
}

.alegria-barkibu .ab-example-copy p{
  max-width:590px;
  margin-bottom:13px;
  font-size:16px;
}

.alegria-barkibu .ab-example-copy small{
  display:block;
  max-width:570px;
  line-height:1.55;
  opacity:.78;
}

.alegria-barkibu .ab-invoice{
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 45px rgba(42,68,83,.11);
}

.alegria-barkibu .ab-invoice-head,
.alegria-barkibu .ab-invoice-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.alegria-barkibu .ab-invoice-head{
  padding:22px 24px;
  border-bottom:1px solid var(--ab-border);
  color:var(--ab-title);
  font-size:16px;
}

.alegria-barkibu .ab-invoice-head strong{
  font-size:20px;
}

.alegria-barkibu .ab-invoice-row{
  padding:14px 24px;
  border-bottom:1px solid #efedeb;
  font-size:14px;
}

.alegria-barkibu .ab-invoice-total{
  color:var(--ab-title);
  font-size:15px;
}

.alegria-barkibu .ab-invoice-reimburse{
  margin:10px 15px 0;
  border:0;
  border-radius:7px;
  background:var(--ab-primary);
  color:#fff;
}

.alegria-barkibu .ab-invoice-final{
  margin:8px 15px 15px;
  border:0;
  border-radius:7px;
  background:var(--ab-orange-soft);
  color:var(--ab-title);
  font-size:16px;
}

.alegria-barkibu .ab-invoice-final strong{
  color:var(--ab-orange);
  font-size:23px;
}


/* =========================================================
   BARKIBU + ALEGRÍA
   ========================================================= */

.alegria-barkibu .ab-clinic{
  padding:78px 0;
  background:#fff;
}

.alegria-barkibu .ab-clinic-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);
  gap:82px;
  align-items:center;
}

.alegria-barkibu .ab-clinic-copy p{
  margin-bottom:13px;
}

.alegria-barkibu .ab-clinic-copy .ab-btn{
  margin-top:10px;
}


/* =========================================================
   FAQ
   ========================================================= */

.alegria-barkibu .ab-faq{
  padding:80px 0;
  background:var(--ab-grey);
}

.alegria-barkibu .ab-faq-head{
  max-width:760px;
  margin-bottom:38px;
}

.alegria-barkibu .ab-faq-list{
  max-width:900px;
}

.alegria-barkibu .ab-faq details{
  border-top:1px solid #d9d6d3;
}

.alegria-barkibu .ab-faq details:last-child{
  border-bottom:1px solid #d9d6d3;
}

.alegria-barkibu .ab-faq summary{
  position:relative;
  padding:22px 45px 22px 0;
  color:var(--ab-title);
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}

.alegria-barkibu .ab-faq summary::-webkit-details-marker{
  display:none;
}

.alegria-barkibu .ab-faq summary::after{
  content:"+";
  position:absolute;
  top:17px;
  right:5px;
  color:var(--ab-primary);
  font-size:26px;
  font-weight:400;
}

.alegria-barkibu .ab-faq details[open] summary::after{
  content:"–";
}

.alegria-barkibu .ab-faq details p{
  max-width:780px;
  margin-bottom:0;
  padding:0 40px 22px 0;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.alegria-barkibu .ab-final{
  padding:66px 0;
  background:#0c7fbd;
  color:#fff;
}

.alegria-barkibu .ab-final-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
}

.alegria-barkibu .ab-final .ab-eyebrow{
  color:rgba(255,255,255,.72);
}

.alegria-barkibu .ab-final h2{
  max-width:680px;
  margin-bottom:12px;
  color:#fff;
}

.alegria-barkibu .ab-final p{
  max-width:650px;
  margin-bottom:0;
  color:rgba(255,255,255,.82);
	font-size: 20px;
}

.alegria-barkibu .ab-btn-light{
  background:#fff;
  color:#0c6f9f;
}

.alegria-barkibu .ab-btn-light:hover{
  color:#0c6f9f;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1050px){

  .alegria-barkibu .ab-hero-grid{
    grid-template-columns:minmax(0,1fr) 390px;
    gap:45px;
  }

  .alegria-barkibu .ab-hero-media{
    width:390px;
  }

  .alegria-barkibu .ab-hero h1{
    font-size:48px;
  }

  .alegria-barkibu .ab-hero-points{
    grid-template-columns:1fr;
  }

  .alegria-barkibu .ab-featured-grid{
    grid-template-columns:250px minmax(0,1fr);
    gap:50px;
  }

  .alegria-barkibu .ab-featured-number{
    width:250px;
    height:250px;
  }

  .alegria-barkibu .ab-featured-number strong{
    font-size:61px;
  }

  .alegria-barkibu .ab-example-grid{
    gap:48px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px){

  .alegria-barkibu .ab-container{
    width:calc(100% - 30px);
  }

  .alegria-barkibu h2{
    font-size:34px;
  }

  /* HERO */

  .alegria-barkibu .ab-hero{
    padding:42px 0 48px;
  }

  .alegria-barkibu .ab-hero-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .alegria-barkibu .ab-logo{
    width:145px;
    margin-bottom:25px;
  }

  .alegria-barkibu .ab-hero h1{
    font-size:41px;
  }

  .alegria-barkibu .ab-hero-lead{
    font-size:16px;
  }

  .alegria-barkibu .ab-hero-media{
    width:100%;
    max-width:0px;
    justify-self:center;
  }

  /* RESUMEN */

  .alegria-barkibu .ab-summary-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .alegria-barkibu .ab-summary-item{
    min-height:105px;
    padding:21px 16px;
    border-bottom:1px solid var(--ab-border);
  }

  /* BENEFICIOS */

  .alegria-barkibu .ab-benefits{
    padding:58px 0;
  }

  .alegria-barkibu .ab-section-head{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:32px;
  }

  .alegria-barkibu .ab-benefit-grid{
    grid-template-columns:1fr;
  }

  .alegria-barkibu .ab-card{
    min-height:auto;
  }

  .alegria-barkibu .ab-card-number{
    margin-bottom:28px;
  }

  /* DESTACADA */

  .alegria-barkibu .ab-featured{
    padding:58px 0;
  }

  .alegria-barkibu .ab-featured-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .alegria-barkibu .ab-featured-number{
    width:210px;
    height:210px;
    margin:0 auto;
  }

  .alegria-barkibu .ab-featured-number strong{
    font-size:54px;
  }

  .alegria-barkibu .ab-info-box{
    grid-template-columns:1fr;
    gap:5px;
  }

  /* CÓMO FUNCIONA */

  .alegria-barkibu .ab-how{
    padding:58px 0;
  }

  .alegria-barkibu .ab-steps{
    grid-template-columns:1fr;
    gap:12px;
  }

  .alegria-barkibu .ab-step{
    min-height:auto;
  }

  .alegria-barkibu .ab-step-number{
    margin-bottom:25px;
  }

  .alegria-barkibu .ab-step-arrow{
    transform:rotate(90deg);
    text-align:center;
  }

  /* EJEMPLO */

  .alegria-barkibu .ab-example{
    padding:58px 0;
  }

  .alegria-barkibu .ab-example-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  /* CLÍNICA */

  .alegria-barkibu .ab-clinic{
    padding:58px 0;
  }

  .alegria-barkibu .ab-clinic-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

  /* FAQ */

  .alegria-barkibu .ab-faq{
    padding:58px 0;
  }

  /* FINAL */

  .alegria-barkibu .ab-final{
    padding:50px 0;
  }

  .alegria-barkibu .ab-final-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

}

/* Seguros Landing */

.alegria-seguros{
  --as-primary: var(--wd-primary-color, #66a59e);
  --as-title: var(--wd-title-color, #322c29);
  --as-text: var(--wd-text-color, #5c5551);
  --as-blue: #e8f4fd;
  --as-grey: #f7f7f6;
  --as-orange: #ff4b12;
  --as-border: #e4e2df;
  color:var(--as-text);
}

.alegria-seguros *,
.alegria-seguros *::before,
.alegria-seguros *::after{
  box-sizing:border-box;
}

.alegria-seguros img{
  display:block;
  max-width:100%;
  height:auto;
}

.alegria-seguros h1,
.alegria-seguros h2{
  margin-top:0;
  color:var(--as-title);
}

.alegria-seguros p{
  line-height:1.7;
}

.alegria-seguros .as-wrap{
  width:min(1180px, calc(100% - 50px));
  margin:0 auto;
}

.alegria-seguros .as-hero{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:70px 0 65px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(255,255,255,.58) 0 220px, transparent 221px),
    radial-gradient(circle at 0 100%, rgba(255,255,255,.44) 0 145px, transparent 146px),
    var(--as-blue);
}

.alegria-seguros .as-hero-inner{
  max-width:850px;
}

.alegria-seguros .as-eyebrow{
  margin-bottom:12px;
  color:var(--as-primary);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.alegria-seguros .as-hero h1{
  max-width:820px;
  margin-bottom:24px;
  font-size:clamp(42px,4.8vw,62px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.alegria-seguros .as-hero p{
  max-width:820px;
  margin:0 0 12px;
  font-size:17px;
}

.alegria-seguros .as-options{
  padding:75px 0 85px;
  background:#fff;
}

.alegria-seguros .as-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.alegria-seguros .as-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:32px;
  border:1px solid var(--as-border);
  border-radius:16px;
  background:#fff;
}

.alegria-seguros .as-card-featured{
  border-color:#cfe3df;
  background:#f5faf9;
  box-shadow:0 14px 35px rgba(51,75,76,.07);
}

.alegria-seguros .as-card-top{
  min-height:250px;
}

.alegria-seguros .as-badge{
  display:inline-block;
  margin-bottom:22px;
  padding:7px 11px;
  border-radius:100px;
  background:#fff0e9;
  color:var(--as-orange);
  font-size:12px;
  font-weight:700;
}

.alegria-seguros .as-logo-wrap{
  display:flex;
  height:82px;
  align-items:center;
  margin-bottom:21px;
}

.alegria-seguros .as-logo{
  max-height:66px;
  width:auto;
}

.alegria-seguros .as-logo-barkibu{
  max-width:190px;
}

.alegria-seguros .as-logo-cirvet{
  max-width:180px;
}

.alegria-seguros .as-logo-santevet{
  max-width:200px;
}

.alegria-seguros .as-card h2{
  margin-bottom:12px;
  font-size:27px;
  line-height:1.15;
}

.alegria-seguros .as-card-intro{
  margin-bottom:22px;
  font-size:15px;
}

.alegria-seguros .unordered-list{
  flex:1;
  margin:0 0 28px;
  padding-left:20px;
}

.alegria-seguros .unordered-list li{
  margin-bottom:11px;
  line-height:1.55;
  font-size:14px;
}

.alegria-seguros .unordered-list li::marker{
  color:var(--as-primary);
}

.alegria-seguros .as-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  margin-top:auto;
}

.alegria-seguros .as-btn{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:12px 21px;
  border-radius:6px;
  background:var(--as-primary);
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:opacity .2s ease, transform .2s ease;
}

.alegria-seguros .as-btn:hover{
  color:#fff;
  opacity:.9;
  transform:translateY(-1px);
}

.alegria-seguros .as-btn-secondary{
  background:var(--as-title);
}

.alegria-seguros .as-link{
  color:var(--as-title);
  font-size:14px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}

.alegria-seguros .as-note{
  position:relative;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  padding:60px 0;
  background:var(--as-grey);
}

.alegria-seguros .as-note-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
}

.alegria-seguros .as-note h2{
  margin-bottom:10px;
  font-size:32px;
  line-height:1.15;
}

.alegria-seguros .as-note p{
  max-width:800px;
  margin-bottom:0;
}

@media (max-width:1024px){
  .alegria-seguros .as-grid{
    grid-template-columns:1fr 1fr;
  }

  .alegria-seguros .as-card-featured{
    grid-column:1 / -1;
  }

  .alegria-seguros .as-card-featured .as-card-top{
    min-height:auto;
  }
}

@media (max-width:767px){
  .alegria-seguros .as-wrap{
    width:calc(100% - 30px);
  }

  .alegria-seguros .as-hero{
    padding:48px 0 44px;
  }

  .alegria-seguros .as-hero h1{
    font-size:40px;
  }

  .alegria-seguros .as-hero p{
    font-size:16px;
  }

  .alegria-seguros .as-options{
    padding:50px 0 58px;
  }

  .alegria-seguros .as-grid{
    grid-template-columns:1fr;
  }

  .alegria-seguros .as-card-featured{
    grid-column:auto;
  }

  .alegria-seguros .as-card{
    padding:26px 23px;
  }

  .alegria-seguros .as-card-top{
    min-height:auto;
  }

  .alegria-seguros .as-note{
    padding:48px 0;
  }

  .alegria-seguros .as-note-inner{
    grid-template-columns:1fr;
    gap:25px;
  }
}@media (min-width: 768px) and (max-width: 1024px) {
	.fondo .title {
    line-height: 32px;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.fondo .title {
    line-height: 32px;
}
}

@media (max-width: 576px) {
	.fondo .title {
    line-height: 32px;
}
}