.cdh-division-card {
        display:grid;
        grid-template-columns:minmax(0,0.5fr) minmax(0,0.5fr);
        gap:18px;align-items:center;
}
div#theme_switch_link {
    display: none;
}
.cont-cdh-division-card {
background:#F6F6F6;
border-radius:16px;
padding:16px;
}
.tarjetas-az {
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;
}


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

html, body {
  max-width: 100%;
  overflow-x: hidden;
}
h2.ri-title {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}
p.ri-text {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}
.ri-text:before {
    display: none !important;
}
.cdh-card-wrap {
  overflow: hidden;
  position: relative; 
}
#cdh-app .cdh-card-wrap::before {
  left: 0 !important;
  right: 0 !important;
}
.recom-wrap,
.recom-box {
  overflow: hidden;
}
.recom-bg {
  right: 0;
  max-width: 100%;
}
#cdh-app,
.cdh-section,
.cdh-hero,
.cdh-stage {
  max-width: 100%;
  overflow-x: hidden;
}

img, iframe, video {
  max-width: 100%;
  height: auto;
  display: block;
}
.delim-card,
.delim-slider {
  overflow: hidden;
}
.f-grid,
.diari-topics,
.tarjetas-bandera-col {
  min-width: 0;
  overflow-x: hidden;
}


div#master-header {
    background: #404DD1;
}
#page-site-index button#theme-search-btn {
    display: none;
}
.theme-footer .footer-tools {
    border-top: none;
}
.theme-footer {
    background-color: #260894;
}
#page-site-index .container-fluid {
    max-width: none;
        padding: 0;
}
#page-site-index #main-content {
    padding: 0;
}
#page-site-index .flexcols {
    max-width: 1150px;
    margin: 0 auto;
}
#master-header.sticky-el .master-header-inner-bg {
     background-color: #404DD1;
}
.footer-content.flexcols {
    display: block;
}

.block .header .action-menu {
    background-color: rgb(255 255 255 / .7);
    border: solid 1px rgb(0 0 0 / .1);
    border-radius: .15rem;
    padding: 0 .45rem;
    display: inline-block !important;
    position: absolute;
    top: -30px !important;
    right: 10px;
}

  .cdh-footer-wrap{
    max-width:1280px;
    margin:0 auto;
    padding:12px 28px;
    display:flex; 
    align-items:center; 
    justify-content:space-between;
    flex-wrap:nowrap;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
  }
  .cdh-left{
    display:flex; align-items:center; gap:28px;
    flex:1 1 auto; min-width:0;
  }
  .cdh-diari img{ height:52px; display:block; }

  .cdh-stack{ display:flex; flex-direction:column; gap:6px; min-width:0; }
  .cdh-row{ display:flex; align-items:center; gap:16px; white-space:nowrap; }
  .cdh-label{ font-weight:700; font-size:16px; }

  .cdh-icons{ display:flex; gap:12px; align-items:center; }
  .cdh-social{
    width:36px; height:36px; border-radius:999px; background:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    text-decoration:none; line-height:0;
    box-shadow:0 0 0 1px rgba(255,255,255,.15) inset;
  }
  .cdh-social i{ font-size:18px; color:#220b8e !important; }

  .cdh-right{
    margin-left:auto;    
    display:flex; align-items:center;
    flex:0 0 auto;
  }
  .cdh-udea{ height:60px; display:block; }
  @media (max-width:900px){
    .cdh-footer-wrap{ flex-wrap:wrap; row-gap:10px; }
    .cdh-right{ width:100%; justify-content:flex-end; }
    .cdh-copy{ white-space:normal; }
  }
.cdh-left {
  display:flex;
  align-items:center;
  gap:28px;
}
.cdh-udea {
  height:60px;
  display:block;
}
.footer-text {
    max-width: none;
}
#cdh-menu {
  display: flex;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
}
#cdh-menu .cdh-pill {
  flex: 1 1 0;
  min-width: 200px;
  text-align: center;
  height: 64px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.22);
  font-weight: 400;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.2;
}
.items-de-menu {
    height:64px;
    padding:0 32px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.22);
    background: #6380BF;
    color:#eef5ff;
    font-weight:800;cursor:pointer;
}
.cdh-active {
    height:64px;
    padding:0 32px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.22);
    background:linear-gradient(#f9cf61,#f3b42b);
    color:#291e00;
    font-weight:800;cursor:pointer;
}
.contenedor-principal {
    position:relative;
    padding:32px 20px 42px;
    background:#0e1440 url('https://www.fauna.solutions/cajadeherramientas/images/bg-menu.png') center top/cover no-repeat;
    overflow:hidden;
}
.cdh-card {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
  gap: 42px;
  padding: 30px;
  border-radius: 30px;
  background: url(https://www.fauna.solutions/cajadeherramientas/images/bg-menu-video.png);
  background-size: cover;
}

.cdh-copy {
  min-width: 0;
  overflow-wrap: break-word;
}
h1 {
    display:block;
    font-weight:800;
    font-size:36px;
    margin:0 0 6px;
    line-height:.95;
}
h3 {
    margin-top:18px;
    font-size:18px;
    color:#eef2ff;
    font-weight: 400;
    line-height: 1.2;
}
#cdh-app {
  color: #fff;
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
body {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
p {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  margin:0;
  color:#606060;
  font-size:20px;
  line-height:1.5;
}
.f-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 18px 16px 50px;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  border: 10px solid transparent;
  background: 
    linear-gradient(#5f80c0, #23408f) padding-box,
    linear-gradient(180deg, #93addf, #3456a8) border-box;
  color: #fff;
}
.f-plus {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f4b631;
    display: grid;
    place-items: center;
    color: #1b1950;
    font-weight: 400;
    font-size: 20px;
}
#cdh-funciones .f-title {
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    font-size: 16px;
    padding: 5% 10%;
}
.f-ico img{
    width:90px;
    height:auto;
}
.txt-contexto-m1 p {
    color: #fff;
    font-size: 19px;
    margin-bottom: 20px;
}
.cdh-card h1 {
    color: #fff;
}
.linea-contexto{
    display:flex;
    align-items:center;
    margin:8px 0 14px 0;
}
.img-responsive{
  display:block;
  width:100%;
  height:auto;
}
img.img-responsive.contraloria {
    max-width: 200px;
    margin-bottom: 20px;
}
img.img-responsive.diari {
    max-width: 120px;
}
.btn-documento {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #f4b730;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 30px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    transition: background-color 0.3s;
}
.btn-documento.grande {
    padding: 60px 10px;
    font-size: 14px;
}

.btn-documento i {
    background-color: #260894;
    color: white;
    border-radius: 50%;
    padding: 8px;
    font-size: 14px;
}

.btn-documento:hover {
    background-color: #e0a900;
}

.diari-topics{
  max-width:1150px;
  margin:24px auto 36px;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.topic-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:10px;
  background:#2f2f8f;
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  border:2px solid rgba(255,255,255,.15);
}
.topic-ico{
  flex:0 0 auto;
  width:45px; height:45px;
  display:grid; place-items:center;
}
.topic-ico img{
  display:block; width:45px; height:auto;
}
.topic-title{
  margin:0;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  color:#eef1ff;
}
@media (max-width:1024px){
  .diari-topics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .diari-topics{grid-template-columns:1fr;}
}
  .diari-crono-wrap{
    max-width:1150px; margin:40px auto; padding:0;
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    background: #F6F6F6;
    border-radius: 20px 10px 0px 0px;
        margin-bottom: 0;
  }
  .crono-head{
    text-align:center;
    margin-bottom:25px;
    padding-top: 30px;
  }
  .crono-title{
    margin:0;
    font-size:40px;
    line-height:1.2;
    font-weight:800;
    color:#1a1362;
    text-transform:uppercase;
  }
  h2.crono-title strong {
    color: #6380bf;
    font-weight: 700;
    display: block;
}
  .crono-sub{
    max-width:880px; margin:30px auto 0; color:#5b5b5b; font-size:16px; line-height:1.55;
  }

  .crono-canvas{
    position:relative; overflow:hidden;
  }
  .crono-img{
    display:block; width:100%; height:auto; user-select:none; pointer-events:none;
  }
  .crono-hotspot{
    position:absolute; width:150px; height:125px; border-radius:16px;
    background:transparent; border:0; cursor:pointer;
    transform:translate(-50%,-50%);
  }
  .crono-hotspot:focus-visible{ outline:3px solid rgba(255,205,0,.85); outline-offset:3px; }

  .tl-modal{
    position:fixed; inset:0; display:none; align-items:center; justify-content:center;
    background:rgba(0,0,0,.45); z-index:99999; padding:22px;
  }
  .tl-dialog{
    background:linear-gradient(#5f80c0,#23408f);
    border-radius:14px;
    box-shadow:0 20px 36px rgba(0,0,0,.30);
    padding:16px; color:#fff; position:relative;
  }
  .tl-inner{
    border-radius:12px; padding:15px;
  }
  .tl-close{
    position:absolute; top:8px; right:8px;
    width:26px; height:26px; border-radius:50%;
    border:0; background:#ff4d4f; color:#fff; font-size:18px; cursor:pointer;
  }

  .tl-card{
    background:#5878c0; color:#fff; border-radius:12px; padding:16px 16px 18px;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
    position:relative; border:4px solid rgba(255,255,255,.15);
  }
  .tl-num{
    position:absolute; left:12px; top:8px;
    width:28px; height:28px; border-radius:50%;
    background:#f4b631; color:#1b1950; display:grid; place-items:center;
    font-weight:800; font-size:14px;
  }
  .tl-ttl{
    margin:0 26px 10px 46px; font-size:16px; font-weight:800;
  }
  .tl-body{ margin:0 0 12px 0; font-size:14px; line-height:1.55; color:#eef3ff; }
  .tl-ul{ margin:10px 0 0 0; padding-left:18px; }
  .tl-ul li{ margin:6px 0; }
  .tl-cta{ margin-top:10px; }

  .btn-doc-laws{
    display:inline-flex; align-items:center; gap:8px;
    background:#f4b730; color:#000; font-weight:700; text-decoration:none;
    padding:10px 14px; border-radius:30px; font-size:14px;
  }

  .recom-wrap{
    max-width:1150px;
    margin:28px auto 60px;
    padding:0;
    background: #F6F6F6;
    margin-top: 0;
    border-radius: 0 0 20px 20px;
        padding-bottom: 20px;
  }
  .recom-box{
    background: url(https://www.fauna.solutions/cajadeherramientas/images/edificio-contraloria-2.png);
    min-height:300px;
        background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
        max-width: 1110px;
    margin: 0 auto;
  }
  .recom-bg{
    position:absolute; right:-40px; bottom:-10px; width:min(45%,520px); height:auto; opacity:.95;
    background:url('https://www.fauna.solutions/cajadeherramientas/images/edificio-contraloria-2.png') right bottom/contain no-repeat;
  }
  .recom-content{
    position: relative;
    padding: 28px;
    color: #fff;
    max-width: 600px;
    padding-top: 140px;
    padding-bottom: 90px;
  }
  .recom-title{
    margin:0 0 10px 0; font-size:24px; font-weight:800;
  }
  .recom-ul{ margin:10px 0 0 0; padding-left:20px; }
  .recom-ul li{ margin:8px 0; line-height:1.6; }

  @media (max-width:1024px){
    .tl-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media (max-width:640px){
    .tl-grid{ grid-template-columns:1fr; }
    .recom-bg{ width:60%; right:-10px; opacity:.5; }
  }

  .delim-wrap{
    position:relative;
    margin:0 auto 42px;
  }
  .delim-bg{
    position:relative;
    overflow:hidden;
    padding:44px 18px 56px;
    background: #0e1440 url('https://www.fauna.solutions/cajadeherramientas/images/bg-slide-d.png') center top/cover no-repeat;
  }

  .delim-head{ text-align:center; color:#fff; margin:0 12px 24px; }
  .delim-head h2{
    margin:0;
    font-size:34px; line-height:1.2; font-weight:800; text-transform:uppercase;
    color: #fff;
  }
  .delim-head h2 span{ color:#ffcd00; font-weight:800;display: block; }
  .delim-head p{
    max-width:900px; margin:12px auto 0; color:#d9e2ff; font-size:16px; line-height:1.55;
  }
  .delim-line{
    display:inline-flex; align-items:center; margin-top:10px;
  }
  .delim-line i{ width:6px; height:6px; border-radius:50%; background:#fff; display:inline-block; opacity:.9; }
  .delim-line em{ width:90px; height:2px; background:#fff; opacity:.9; display:inline-block; border-radius:2px; }

  .delim-card{
    position:relative;
    max-width: 1150px;
    margin: 0 auto;
  }
  .delim-slider{ position:relative; overflow:hidden; border-radius:16px; }
  .delim-slide{
    position:absolute; inset:0;
    opacity:0; transform:translateX(20px); transition:opacity .4s ease, transform .4s ease;
    display:flex; align-items:center; justify-content:center;
  }
  .delim-slide.is-active{ opacity:1; transform:translateX(0); position:relative; }
  .delim-slide img{ display:block; width:90%; height:auto; }
  .delim-arrow{
    position:absolute; top:50%; transform:translateY(-50%);
    width:30px; height:30px; border-radius:50%;
    border:0; cursor:pointer;
    background:#ffcd00; color:#1b1950; font-size:18px; font-weight:800;
    display:grid; place-items:center;
    box-shadow:0 6px 12px rgba(0,0,0,.25);
  }
  .delim-prev{ left:0px; }
  .delim-next{ right:0px; }
  .delim-dots{
    display:flex; align-items:center; justify-content:center; gap:8px;
    margin:14px 0 4px;
  }
  .delim-dot{
    width:10px; height:10px; border-radius:50%;
    background:#fff; opacity:.75; border:0; cursor:pointer;
  }
  .delim-dot.is-active{ background:#7699D6; opacity:1; }

  @media (max-width:640px){
    .delim-head h2{ font-size:26px; }
    .delim-prev{ left:4px; } .delim-next{ right:4px; }
  }

#cdh-conoce{
  margin:36px auto;
  padding:0 24px;
  background: #F6F6F6;
  padding-bottom: 50px;
  margin-bottom: 0;
}
.tarjetas-bandera-col{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:28px;max-width:1150px;   
  margin: 0 auto;
}
.form-wrap{
    max-width: 1150px;
    margin: 24px auto 60px;
    padding: 20px 24px;
    background: #F6F6F6;
    border-radius: 20px;
}
p.intro-formulario {
    margin-top: 30px;
    font-size: 1em;
}
.form-head{
  text-align:center;margin:0 0 18px;
}
.form-head h2{
  margin:0;font-size:40px;line-height:1.2;font-weight:800;color:#1a1362;text-transform:uppercase;
}
.form-head h2 span{color:#6380bf;display:block;}

.q-item{
  margin:18px 0 10px; padding:10px 12px 16px; border-radius:12px; background:#fff; border:1px solid #e7e7ef;
}
.q-row{
  display:flex; align-items:center; gap:12px; color:#3a3a3a; font-size:15px;
}
.q-num{
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #241A7A;
    color: #fff;
    font-weight: 800;
    border: 3px solid #EFB940;
}
.q-text{flex:1 1 auto; font-size:14px; color:#575c72;}
.scale{
  margin:8px 0 0; display:flex; flex-wrap:wrap; gap:8px 10px; align-items:center;
}
.scale .opt{
  position:relative; width:22px;height:22px; border-radius:50%;
  border:2px solid #9aa6d1; display:inline-grid; place-items:center; cursor:pointer;
}
.scale .opt input{opacity:0; position:absolute; inset:0; cursor:pointer; margin:0;}
.scale .opt::after{
  content:""; width:10px;height:10px;border-radius:50%; background:#6380bf; transform:scale(0); transition:.2s;
}
.scale .opt input:checked + i::after,
.scale .opt input:checked ~ i::after{ transform:scale(1); }
.scale .opt i{display:block; width:10px;height:10px;border-radius:50%;}
.scale small{font-size:11px;color:#8a8fa3; margin:0 4px 0 0;}
.form-actions{ text-align:center; margin-top:20px; }
.btn-result{
  display:inline-flex;align-items:center;gap:8px;
  background:#f4b730;
  color: #2B357E;
  font-weight: 800;
  border: 0;
  border-radius: 15px;
  padding: 12px 22px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .12);
  font-size: 1.2em;
}
.retro-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.45); z-index:99999; padding:20px;}
.retro-dialog{
  width:min(980px,96vw);
    background: url(https://www.fauna.solutions/cajadeherramientas/images/bg-medallas.png);
    border-radius: 18px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .35);
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 426px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.retro-body{ display:grid; grid-template-columns:140px 1fr auto; gap:18px;
    gap: 18px;
    padding: 22px;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 0;
   }
.retro-medal{ 
  width: 200px;
  height: 300px;
  background-size:contain; background-position:center; background-repeat:no-repeat; }
.retro-copy h3{ margin:0 0 6px; font-size:28px; font-weight:900; letter-spacing:.3px; }
.retro-copy p{ margin:0; font-size:14px; color:#dfe4ff; }
.retro-cta{ 
  margin-left: 280px;
  margin-top: -60px;
 }
.retro-btn{
  background: #f4b730;
  color: #2B357E;
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 800;
  cursor: pointer;
  font-size: 1.2em;
}
.retro-close{
  position:absolute; right:10px; top:10px; width:30px;height:30px;border-radius:50%; border:0;background:#ff4d4f;color:#fff;font-size:18px;cursor:pointer;
}
.retro-copy {
    margin-left: 100px;
}
.retro-gold .retro-medal { background-image:url('https://www.fauna.solutions/cajadeherramientas/images/medalla-oro.png'); 
    background-size: contain;
    background-repeat: no-repeat;
  }
.retro-silver .retro-medal{ background-image:url('https://www.fauna.solutions/cajadeherramientas/images/medalla-plata.png'); 
    background-size: contain;
    background-repeat: no-repeat;
  }
.retro-bronze .retro-medal{ background-image:url('https://www.fauna.solutions/cajadeherramientas/images/medalla-bronce.png'); 
    background-size: contain;
    background-repeat: no-repeat;
  }
@media (max-width:680px){
  .retro-body{ grid-template-columns:1fr; text-align:center; }
  .retro-cta{ justify-self:center; }
}
.scale{ display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; }
.scale .opt{
  position:relative;
  display:flex; flex-direction:column; align-items:center; gap:6px;
  width:auto; cursor:pointer;
}
.scale .opt input{
  position:absolute; inset:0; opacity:0; cursor:pointer; margin:0;
}
.scale .dot{
  width:26px; height:26px; border-radius:50%;
  border:2px solid #9aa6d1; position:relative;
}
.scale .dot::after{
  content:""; position:absolute; inset:5px; border-radius:50%;
  background:#6380bf; transform:scale(0); transition:transform .2s ease;
}
.scale .opt input:checked + .dot::after{ transform:scale(1); }
.scale .n{ font-size:11px; color:#8a8fa3; line-height:1; }
.scale .opt::after{ content:none !important; }
.scale .opt i{ display:none !important; }
.form-wrap .scale { 
  display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; 
}

.form-wrap .scale .opt{
  width:auto !important;
  height:auto !important;
  border:none !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:6px;
  position:relative;
  cursor:pointer;
}
.form-wrap .scale .dot{
  width:26px; height:26px; border-radius:50%;
  border:2px solid #9aa6d1; position:relative;
}
.form-wrap .scale .dot::after{
  content:""; position:absolute; inset:5px; border-radius:50%;
  background:#6380bf; transform:scale(0); transition:transform .2s ease;
}
.form-wrap .scale .opt input:checked + .dot::after{ transform:scale(1); }
.form-wrap .scale .n{ font-size:11px; color:#8a8fa3; line-height:1; }
.form-wrap .scale .opt::after{ content:none !important; }
.form-wrap .scale .opt i{ display:none !important; }
.form-wrap .scale small{ display:none !important; }

h2.crono-title.documentacion {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.rowo.botones-documentacion {
    width: 90%;
    display: flex;
    padding: 0 5%;
    gap: 20px;
}
[class^="ri-"], [class*=" ri-"] {
    font-family: 'Poppins' !important;
}
.rowo.botones-documentacion .colo a {
    min-width: 240px;
    max-width: 240px;
    height: 60px;
    border-radius: 15px;
    line-height: 1.1;
}
.ri-wrap{
  margin: 0px auto 0px;
  background:#EFEFEF;
}
.ri-inner{
  display:grid;
  grid-template-columns:minmax(0,0.55fr) minmax(0,0.45fr);
  gap:32px; align-items:center;
  padding:28px 30px;
  max-width: 1150px;
  margin: 0 auto;
}
.ri-title{
  margin:0 0 10px; font-weight:800; text-transform:uppercase;
  font-size:40px; line-height:1.15; color:#1a1362;
}
.ri-title .hl{ color:#6380bf; display:block; }

.ri-rule{ display:flex; align-items:center; margin:8px 0 18px; }
.ri-rule .dot{ width:6px; height:6px; border-radius:50%; background:#2B357E; }
.ri-rule .line{ flex:0 0 110px; height:2px; background:#2B357E; border-radius:2px; }

.ri-text{ margin:0; color:#696c78; font-size:16px; line-height:1.65; }

.ri-media{ position:relative; }
.ri-media::before{
  content:""; position:absolute; right:-20px; top:-10px;
  width:75%; height:78%; background:#EFB940; border-radius:20px; z-index:0;
}
.ri-photo{ position:relative; z-index:1; border-radius:22px; overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.ri-photo img{ display:block; width:100%; height:auto; }
@media (max-width:1024px){
  .ri-inner{ grid-template-columns:1fr; }
  .ri-media::before{ right:-10px; top:-6px; width:60%; height:55%; }
}
@media (max-width:640px){
  .ri-title{ font-size:30px; }
  .ri-media::before{ display:none; }   
}
.pp-wrap{
  background:#EFEFEF;
  padding: 20px 0 10px;
}
.pp-inner{
  max-width:1150px;
  margin:0 auto;
  padding:0 24px;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.pp-head{
  display:flex; align-items:center; justify-content:space-between;
  margin: 8px 0 16px;
}
.pp-chip{
  display:inline-block;
  padding:10px 22px;
  border-radius:999px;
  background:#F4B730;
  color:#260894;
  font-weight:800;
  box-shadow:0 8px 16px rgba(0,0,0,.08);
}
.pp-steps{ display:flex; gap:10px; }
.pp-step{
  width:36px; height:36px; border-radius:30%;
  display:grid; place-items:center;
  font-weight:800; cursor:pointer; border:0;
  background:#260894; color:#fff; box-shadow:0 6px 12px rgba(0,0,0,.12);
}
.pp-step[aria-current="true"],
.pp-step.is-active{
  background:#F4B730; color:#260894;
}
.pp-card{
  position:relative;
  background:#fff; border-radius:14px;
  box-shadow:0 10px 20px rgba(0,0,0,.10);
  padding:18px 18px 16px;
  display:none;
}
.pp-card.is-active{ display:block; }

.pp-grid{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 60px;
  margin-top: 19px;
}
.pp-grid p {
    font-size: 16px;
    margin-bottom: 10px;
}
.pp-ico img{ display:block; width:210px; height:auto; }

.pp-title{
  margin:0; font-weight:800; color:#260894; font-size:18px;
}
.pp-rule{
  height:1px; background:#260894; margin:8px 0 10px;
}
.pp-text{ color:#444; font-size:14px; line-height:1.6; }
.pp-text ul{ margin:8px 0 0 18px; }

.pp-next{
  position:absolute; right:12px; bottom:10px;
  display:inline-flex; align-items:center; gap:6px;
  background:#F4B730; color:#260894; border:0; cursor:pointer;
  font-weight:800; border-radius:12px; padding:8px 12px; font-size:12px;
}
.pp-next i{
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center;
  background:#260894; color:#fff; font-size:12px;
}
.pp-card::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-14px; width:70%; height:18px; border-radius:40px;
  background:radial-gradient(ellipse at center, rgba(90,175,255,.35), rgba(90,175,255,0));
  filter:blur(2px);
}
@media (max-width:700px){
  .pp-grid{ grid-template-columns:1fr; }
  .pp-ico{ justify-self:center; }
}
a.btn-documento.infografia {
    color: #260894;
    font-weight: 800;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
    text-align: center;
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-top: 50px;
    margin-bottom: 30px;
}
.mej-wrap{
  background:#EFEFEF;
  padding: 10px 0 50px;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.mej-inner{
  max-width:1150px; margin:0 auto; padding:0 24px;
  border-top: 1px solid #575756;
  padding-top: 50px;
}
.mej-head{
  text-align:center; margin:0 0 18px;
}
.mej-head h2{
  margin:0; font-size:40px; line-height:1.2; font-weight:800; color:#1a1362; text-transform:uppercase;
}
.mej-head h2 span{ color:#6380bf; display:block; font-weight:800; }
.mej-line{ display:inline-flex; align-items:center; margin-top:10px; }
.mej-line i{ width:6px; height:6px; border-radius:50%; background:#1a1362; display:inline-block; }
.mej-line em{ width:90px; height:2px; background:#1a1362; display:inline-block; border-radius:2px; }

.mej-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:40px; margin-top:22px;
}
.mej-card{ perspective:1200px; }
.mej-card-btn{
  position:relative; width:100%; aspect-ratio:1/0.9; cursor:pointer;
  border:0;
      min-height: 420px;
}
.mej-card-inner{
  position:relative; width:100%; height:100%;
  transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1);
  border-radius:18px; box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.mej-card.is-open .mej-card-inner{ transform:rotateY(180deg); }
.mej-front, .mej-back{
  position:absolute; inset:0; border-radius:18px; backface-visibility:hidden; overflow:hidden;
}
.mej-front{
  background:#fff center/cover no-repeat;
  background-origin:border-box;
  background-clip:padding-box,border-box;
}
.mej-back{
  transform:rotateY(180deg);
  display:flex; flex-direction:column; justify-content:flex-start;
  background: url('https://www.fauna.solutions/cajadeherramientas/images/tarjeta-estrategia-bg.png') center/cover no-repeat;
  padding:18px; color:#fff;
  background-origin:border-box;
  background-clip:padding-box,border-box;
}
.mej-title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    text-align: left;
    line-height: 1;
    margin-bottom: 10px;
    padding-right: 30px;
    margin-top: 10px;
color: #fff;
}
.mej-text {
    margin: 0;
    font-size: 12px;
    line-height: 1.1;
    color: #eef2ff;
    text-align: left;
    margin-bottom: 10px;
}
.mej-back li {
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.1;
}
@media (max-width:1024px){ .mej-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .mej-grid{ grid-template-columns:1fr; } .mej-head h2{ font-size:30px; } }
.meto-wrap{
    background: #EFEFEF;
    padding: 40px 0 50px;
    font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border-radius: 20px 20px 0 0;
    margin: 0 3%;
}
.meto-inner{
  max-width:1150px; margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:minmax(0,0.55fr) minmax(0,0.45fr);
  gap:32px; align-items:center;
}
.meto-title{
  margin:0 0 6px; font-size:40px; line-height:1.15; font-weight:800; color:#1a1362;
  text-transform:uppercase;
}
.meto-title .hl{ color:#6380bf; display:block; font-weight:800; }
.meto-rule{ display:flex; align-items:center; gap:0px; margin:10px 0 18px; }
.meto-rule i{ width:6px; height:6px; border-radius:50%; background:#1a1362; display:inline-block; }
.meto-rule em{ width:110px; height:2px; border-radius:2px; background:#1a1362; display:inline-block; }
.meto-text{ margin:0; color:#606060; font-size:16px; line-height:1.7; }
.meto-text p{ margin:0 0 12px; }
.meto-media{ position:relative; }
.meto-photo{ position:relative; z-index:1; border-radius:22px; overflow:hidden; }
.meto-photo img{ display:block; width:100%; height:auto; }
@media (max-width:1024px){
  .meto-inner{ grid-template-columns:1fr; }
  .meto-media::before{ right:auto; left:50%; transform:translateX(-50%); width:60%; top:-6px; opacity:.8; }
}
@media (max-width:560px){
  .meto-title{ font-size:20px; }
  .meto-media::before{ display:none; }
}

.m10-wrap{
    background:#EFEFEF;
    padding: 10px 0 40px;
    font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    margin: 0 3%;
  }
  .m10-inner{ max-width:1150px; margin:0 auto; padding:0 24px; }
  .m10-head{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    margin: 6px 0 14px;
  }
  .m10-chip{
    display:inline-block; padding:10px 22px; border-radius:999px;
    background:#F4B730; color:#260894; font-weight:800; box-shadow:0 8px 16px rgba(0,0,0,.08);
  }
  .m10-steps{ display:flex; gap:10px; flex-wrap:wrap; }
  .m10-step{
    width:36px; height:36px; border-radius:50%;
    display:grid; place-items:center; font-weight:800; cursor:pointer; border:0;
    background:#260894; color:#fff; box-shadow:0 6px 12px rgba(0,0,0,.12);
  }
  .m10-step[aria-current="true"], .m10-step.is-active{
    background:#F4B730; color:#260894;
  }

  .m10-card{ position:relative; background:#fff; border-radius:16px; box-shadow:0 10px 20px rgba(0,0,0,.10); overflow:hidden;    padding: 30px; }
  .m10-slide{ display:none; }
  .m10-slide.is-active{ display:block; }
  .m10-img{ display:block; width:100%; height:auto; }
  .m10-next{
    position:absolute; right:14px; bottom:12px;
    display:inline-flex; align-items:center; gap:6px;
    background:#F4B730; color:#260894; border:0; cursor:pointer;
    font-weight:800; border-radius:12px; padding:8px 12px; font-size:12px;
  }
  .m10-next i{
    width:22px; height:22px; border-radius:50%;
    display:grid; place-items:center; background:#260894; color:#fff; font-size:12px;
  }
  .m10-card::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    bottom:-14px; width:70%; height:18px; border-radius:40px;
    background:radial-gradient(ellipse at center, rgba(90,175,255,.35), rgba(90,175,255,0));
    filter:blur(2px);
  }
.imagen-pasos-item-4 {
    width: 30%;
}
.texto-pasos-item-4 {
    width: 70%;
} 
.contenedor-txt-imagen-pasos-item-4 {
    display: flex;
    gap: 40px;
}
.texto-pasos-item-4 p {
    font-size: 20px;
    margin-bottom: 10px;
}
.texto-pasos-item-4 h4 {
    color: #241A7A;
    font-size: 22px;
    border-bottom: 1px solid #2B357E;
    padding-bottom: 10px;
}
.quote-wrap {
    background: #EFEFEF;
    padding: 0 0 40px;
    font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0 3%;
    border-radius: 0 0 20px 20px;
    margin-bottom: 40px;
}
  .quote-inner{
    max-width:1150px;
    margin:0 auto;
    padding:0 24px;
  }
  div#fasesCards li {
    font-size: 16px;
}
div#fasesCards p {
    font-size: 16px;
}
  .quote-box{
    position:relative;
    border:2px solid #241A7A;
    border-radius:18px;
    padding:26px 22px 26px 150px;
    color:#606060;
    background:#fff;
  }
  .quote-box p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    color:#575756;
  }
  .quote-marks{
    position:absolute;
    inset:0;
    pointer-events:none;
  }
  .quote-marks::before,
  .quote-marks::after{
    content:"“";
    position:absolute;
    font-weight:900;
    font-size:90px;
    line-height:1;
    color:#241A7A;
    opacity:.95;
  }
  .quote-marks::before{ left:14px; top:-8px; transform:rotate(0deg); }
  .quote-marks::after{ right:14px; bottom:-8px; transform:rotate(180deg); }
  .quote-note{
    position:absolute;
    left:18px;
    top:24px;
    width:120px;
    height:auto;
  }
  .quote-cta{
    text-align:center;
    margin-top:18px;
  }
  @media (max-width:640px){
    .quote-box{ padding:26px 16px 26px 150px; }
    .quote-note{ width:48px; left:12px; top:26px; }
  }
.fases-wrap{
  background:#241A7A;
  color:#fff;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  padding:40px 0 60px;
}
.fases-inner{max-width:1150px;margin:0 auto;padding:0 24px;}
.fases-head{text-align:center;margin-bottom:22px;}
.fases-title{
  margin:0;
  font-size:34px; line-height:1.2; font-weight:800; text-transform:uppercase;color:#FFFFFF;
}
.fases-title strong{ color:#EFB940; display:block; }
.fases-intro{
  max-width:900px;margin:14px auto 0;
  color:#E1E4FF;font-size:14px;line-height:1.6;
}
.fases-hint{margin:16px 0 8px; font-weight:700; font-size:14px; color:#d7dbff}
.fases-icons{
  display:flex; flex-wrap:wrap; gap:20px; justify-content:center; align-items:center;
  margin:6px 0 14px;
}
.fase-chip{
  background:#FFC100; color:#241A7A; font-weight:800; border-radius:999px; padding:6px 12px; font-size:12px;
      display: block;
    text-align: center;
}
.fase-ico{
  display:grid; place-items:center;
  background:transparent; border: none;
  cursor:pointer;
  margin-top: 20px;
}
.fase-ico img{display:block;width:60px;height:auto; transition:transform .15s ease;}
.fase-ico:focus-visible{outline:3px solid #FFC100; outline-offset:2px;}
.fase-ico.is-active img{ transform:scale(1.04); }
.fase-card{
  background:#fff; color:#2b2b2b; border-radius:14px;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
  padding:22px; display:none; position:relative;
      padding-bottom: 30px;
}
.fase-card.is-active{display:block;}
.fase-headline{
  display:inline-block; font-weight:800; font-size:12px; color:#241A7A;
  background:#EFAA03; padding:6px 12px;border-radius:12px;margin-bottom:10px;
}
.fase-grid{
  display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:18px;
}
.fase-grid h3{
    margin: 0;
    font-size: 20px;
    color: #260894;
    font-weight: 800;
 }
.fase-grid p{ margin:10px 0; font-size:14px; color:#585A66; }
.fase-grid ul{ margin:8px 0 0 18px; font-size:14px; color:#585A66; }
.fase-ill{ justify-self:end; border-radius:999px; display:grid; place-items:center; }
.fase-ill img{ width:150px; height:auto;    margin-bottom: 50px; }

.fase-next{
  position:absolute; right:40px; bottom:20px;
  display:inline-flex; align-items:center; gap:6px;
  background:#EFAA03; color:#241A7A; border:0; cursor:pointer;
  font-weight:800; border-radius:12px; padding:8px 12px; font-size:12px;
}
.fase-next i{
  width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  background:#241A7A; color:#fff; font-size:12px;
}
@media (max-width:680px){
  .fases-title{font-size:28px;}
  .fase-grid{ grid-template-columns:1fr; }
  .fase-ill{ justify-self:center; }
}
.equipo-wrap{background:#EFEFEF;padding:30px 0 50px;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
.equipo-inner{max-width:1150px;margin:0 auto;padding:0 24px;}
.equipo-head{text-align:center;margin:0 0 22px;}
.equipo-head h2{margin:0;font-size:34px;line-height:1.2;font-weight:800;color:#1a1362;text-transform:uppercase;}
.equipo-head h2 span{color:#6380bf;display:block;}
.equipo-line{display:inline-flex;align-items:center;margin-top:10px}
.equipo-line i{width:6px;height:6px;border-radius:50%;background:#1a1362;display:inline-block}
.equipo-line em{width:90px;height:2px;background:#1a1362;border-radius:2px;display:inline-block}

.equipo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.eq-card{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  min-height:530px; border-radius:18px; padding:18px 16px 56px; cursor:pointer;
  color:#fff; text-align:center;    border: none;
}
.eq-card .eq-img{position:absolute;inset:0;background-size:cover;background-position:center top;}

.eq-card .eq-plus{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:#f4b730;display:grid;place-items:center;color:#1b1950;font-size:20px;font-weight:700}
.eq-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);z-index:99999;padding:22px}
.eq-dialog{
  width:min(1080px,96vw);
  background:linear-gradient(#5f80c0,#23408f); border-radius:18px; box-shadow:0 24px 48px rgba(0,0,0,.35);
  color:#fff; position:relative; overflow:hidden;
}
.eq-close{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:0;background:#ff4d4f;color:#fff;font-size:18px;cursor:pointer}
.eq-body{padding:18px}
.eq-title{margin:0 40px 6px 0;font-size:26px;font-weight:900;letter-spacing:.2px}
.eq-grid{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:flex-start}
.eq-badge{width:140px;height:140px;background-size:contain;background-position:center;background-repeat:no-repeat}
.eq-box{
  background:#5878c0;border:4px solid rgba(255,255,255,.15);
  border-radius:12px;padding:14px 16px 16px;box-shadow:0 8px 18px rgba(0,0,0,.15);margin-bottom:12px
}
.eq-box h4{margin:0 0 10px 0;font-size:16px;font-weight:800;color:#ffffff;}
.eq-box p,.eq-box li{font-size:13px;line-height:1.5;color:#eef2ff}
.eq-box ul{margin:6px 0 0 18px}
.eq-next{
  position:absolute;right:14px;bottom:12px;display:inline-flex;align-items:center;gap:6px;
  background:#F4B730;color:#260894;border:0;border-radius:12px;padding:8px 12px;font-weight:800;cursor:pointer;font-size:12px
}
.eq-next i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#260894;color:#fff;font-size:12px}
@media (max-width:1024px){ .equipo-grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){
  .equipo-grid{grid-template-columns:1fr}
  .eq-grid{grid-template-columns:1fr}
  .eq-badge{width:120px;height:120px;margin:0 auto 10px}
}
p.txt-equipo {
    margin-top: 30px;
    margin-bottom: 50px;
}
.videos-wrap{background:#fff;padding:40px 0;font-family:'Poppins',sans-serif}
.videos-inner{max-width:1150px;margin:0 auto;padding:0 24px}
.videos-head{text-align:center;margin-bottom:24px}
.videos-head h2{margin:0;font-size:34px;font-weight:800;color:#1a1362;text-transform:uppercase}
.videos-head h2 span{display:block;color:#6380bf;font-weight:700;font-size:34px}
.videos-line{display:inline-flex;align-items:center;margin-top:8px}
.videos-line i{width:6px;height:6px;border-radius:50%;background:#1a1362;display:inline-block}
.videos-line em{width:90px;height:2px;background:#1a1362;border-radius:2px;display:inline-block}

.videos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.videos-grid iframe{
  width:100%;aspect-ratio:16/9;border-radius:12px;
  border:0;box-shadow:0 6px 14px rgba(0,0,0,.15)
}

@media(max-width:1024px){ .videos-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:640px){ .videos-grid{grid-template-columns:1fr} }
.modelos-wrap{background:#fff;padding:50px 0;font-family:'Poppins',sans-serif}
.modelos-inner{max-width:1150px;margin:0 auto;padding:0 24px}
.modelos-head{text-align:center;margin-bottom:24px}
.modelos-head h2{margin:0;font-size:34px;font-weight:800;color:#1a1362;text-transform:uppercase}
.modelos-head h2 span{display:block;color:#6380bf;font-weight:700;font-size:34px}
.modelos-line{display:inline-flex;align-items:center;margin-top:8px}
.modelos-line i{width:6px;height:6px;border-radius:50%;background:#1a1362;display:inline-block}
.modelos-line em{width:90px;height:2px;background:#1a1362;border-radius:2px;display:inline-block}
.modelos-head p{max-width:800px;margin:18px auto 0;font-size:15px;line-height:1.6;color:#333}

.modelos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.modelo-card{
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 14px rgba(0,0,0,.12);display:flex;flex-direction:column
}
.modelo-card img{width:100%;height:200px;object-fit:cover}
.modelo-body{padding:18px;display:flex;flex-direction:column;flex:1}
.modelo-body h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#1a1362}
.modelo-body p{font-size:14px;line-height:1.5;color:#333;flex:1}
.modelo-body a{
  margin-top:16px;display:inline-flex;align-items:center;gap:8px;
  background:#f4b730;color:#1a1362;font-weight:700;font-size:14px;text-decoration:none;
  padding:10px 16px;border-radius:10px;transition:.25s
}
.modelo-body a:hover{background:#ffd75a}
.modelo-body a i{font-size:16px}

@media(max-width:768px){ .modelos-grid{grid-template-columns:1fr} }
section.quote-wrap.segunda {
    border-radius: 0;
    margin: 0 auto;
}
html {
  scroll-behavior: smooth;
}
.topic-card {
    min-height: 55px;
}
.q-text.azul-claro {
    color: #6380C0;
    font-weight: 600;
}
.niveles-wrap{
  padding:30px 0;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.niveles-inner{
  max-width:1150px;
  margin:0 auto;
  padding:0 24px;
}
.niveles-title{
  margin:0 0 18px;
  text-align:center;
  font-size:32px;
  line-height:1.2;
  font-weight:800;
  color:#241A7A;
  text-transform:uppercase;
}
.niveles-panel{
  background:#241A7A;
  border-radius:18px;
  padding:24px 26px;
  color:#fff;
}
.niveles-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
}

.nivel-card{
  padding:14px 10px 18px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.25);
}
.nivel-card:last-child{
  border-right:none;
}

.nivel-name{
  margin:0;
  font-size:26px;
  font-weight:800;
  letter-spacing:.02em;
}

.nivel-sub{
  margin:4px 0 14px;
  font-size:16px;
  font-weight:400;
  color: #fff;
}

.nivel-pill{
  display:inline-block;
  padding:6px 14px;
  border-radius:999px;
  background:#F4B730;
  color:#241A7A;
  font-size:13px;
  font-weight:700;
}
@media (max-width:960px){
  .niveles-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:10px;
  }
  .nivel-card{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.25);
  }
  .nivel-card:nth-last-child(-n+2){
    border-bottom:none;
  }
}
@media (max-width:560px){
  .niveles-grid{
    grid-template-columns:1fr;
  }
  .nivel-card{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.25);
  }
  .nivel-card:last-child{
    border-bottom:none;
  }
}
.cdh-question {
  margin: 18px 0 24px;
  padding: 16px 16px 12px;
  background: #f8f9ff;
  border-radius: 12px;
}

.cdh-question-text {
  font-weight: 500;
  color: #212133;
  margin-bottom: 10px;
}

.cdh-likert-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.cdh-likert-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-align: center;
  font-size: 11px;
}

.cdh-likert-option input {
  display: none;
}

.cdh-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #d0d3e8;
  background: #fff;
  margin-bottom: 6px;
  transition: all 0.2s ease;
}
.cdh-likert-option.level-1 .cdh-circle { border-color: #f0565b; }
.cdh-likert-option.level-2 .cdh-circle { border-color: #f29c38; }
.cdh-likert-option.level-3 .cdh-circle { border-color: #f7ce3e; }
.cdh-likert-option.level-4 .cdh-circle { border-color: #8fd66d; }
.cdh-likert-option.level-5 .cdh-circle { border-color: #39b56a; }

.cdh-likert-label {
  line-height: 1.2;
  color: #555;
}
.cdh-likert-option input:checked + .cdh-circle {
  box-shadow: 0 0 0 4px rgba(26, 19, 98, 0.08);
}
.cdh-likert-option.level-1 input:checked + .cdh-circle {
  background: #f0565b;
}
.cdh-likert-option.level-2 input:checked + .cdh-circle {
  background: #f29c38;
}
.cdh-likert-option.level-3 input:checked + .cdh-circle {
  background: #f7ce3e;
}
.cdh-likert-option.level-4 input:checked + .cdh-circle {
  background: #8fd66d;
}
.cdh-likert-option.level-5 input:checked + .cdh-circle {
  background: #39b56a;
}
.cdh-result-wrap {
  text-align: center;
  margin-top: 24px;
}
.cdh-btn-resultados {
  border: none;
  border-radius: 999px;
  padding: 10px 42px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  background: #ffb300;
  color: #1a1362;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}
.cdh-btn-resultados:hover:enabled {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

.cdh-btn-resultados:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  box-shadow: none;
}
.cdh-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.cdh-modal.is-visible {
  display: flex;
}

.cdh-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 9, 40, 0.65);
}

.cdh-modal-dialog {
  position: relative;
  max-width: 520px;
  width: 90%;
  background: transparent;
  border-radius: 16px;
  z-index: 1;
}

.cdh-modal-content {
  position: relative;
  text-align: center;
}

.cdh-modal-content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.cdh-modal-score {
  margin-top: 10px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

.cdh-modal-close {
  position: absolute;
  top: -20px;
  right: -30px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #ff5252;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}
@media (max-width: 768px) {
  .cdh-likert-row {
    gap: 8px;
  }
  .cdh-circle {
    width: 22px;
    height: 22px;
  }
  .cdh-question {
    padding: 12px;
  }
h1 {
    font-size: 26px;
}
.cdh-division-card {
    display: block;
}
.f-grid.tarjetas-az {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}
button.f-card {
    width: 100%;
    margin-bottom: 10px;
}
.cdh-row {
    display: block;
}
.crono-title {
    font-size: 30px;
}
.rowo.botones-documentacion {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.rowo.botones-documentacion .colo {
    margin-bottom: 10px;
}
.pp-chip {
    padding: 10px 15px;
}
.mej-card-inner {
    width: 70%;
}
.contenedor-txt-imagen-pasos-item-4 {
    display: block;
}
.texto-pasos-item-4 {
    width: 100%;
}
.imagen-pasos-item-4 {
    width: 100%;
}
.quote-box {
    padding: 80px 16px 25px 20px;
}
.equipo-head h2 {
    font-size: 20px;
}

}