/* Reset */
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{height:100%;background:#efefef;font-family:'Montserrat', Arial, Helvetica, sans-serif;color:#222}
    
    /* Page container sized similar to a PDF page for visual parity */
    .page{width:100%;max-width:1342px;margin:18px auto;background:#efefef;overflow:visible;border-radius:0}
    
    .hero{position:relative;height:360px;overflow:hidden}
    .hero-img{width:100%;height:100%;object-fit:cover;display:block}
    .hero-overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.18))}
    .title{color:#fff;font-size:56px;line-height:1;letter-spacing:1px;margin-bottom:6px;font-weight:700;text-transform:none}
    .subtitle{color:#fff;font-size:18px;opacity:.95}
    
    .content{display:grid;grid-template-columns:1fr 320px;gap:28px;padding:36px}
    .left h2{font-size:20px;margin-bottom:10px;font-weight:600}
    .left p{line-height:1.6;margin-bottom:12px;color:#333;font-size:15px}
    .left ul{margin-left:20px;color:#333;font-size:15px}
    .left li{margin-bottom:8px}
    
    .card{background:#fff;border-radius:6px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;min-height:200px}
    .card-img{max-width:100%;height:auto;display:block;border-radius:4px}
    
    .foot{padding:18px 36px;text-align:center;background:#fafafa;border-top:1px solid #eee;font-size:13px;color:#666}
    
    /* Fine adjustments to match printed look */
    .page *{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
    
    /* Print / A4 hint */
    @media print{
      body{background:#fff}
      .page{box-shadow:none;border:none;margin:0;width:auto}
    }
    
    /* Responsive */
    @media (max-width:1382px){
      .page{width:auto;margin:10px 22px;}
      .content{grid-template-columns:1fr;padding:20px;}
      .hero{height:220px;}
      .title{font-size:32px;}
      .siteLogo_logo__icon__awTJm{
         margin:11px 19px; 
      }
      .langs{
        margin:10px 28px; 
        
      }
      
    }
    
    /* Header */
    .site-header{height: 164px;background:#006eb8;padding:4px 0 14px 0;position:relative;z-index:0}
    .header-inner{margin-bottom:61px;max-width:1342px;margin:0 auto;padding:1px 0px;display:flex;align-items:flex-start;justify-content:space-between}
    .site-header .logo img{height:72px;width:auto;display:block;margin-top:0}
    .langs .lang-list{list-style:none;display:flex;gap:8px}
    .langs .lang-list a{color:#fff;text-decoration:none;padding:6px 8px;border-radius:4px;font-weight:600;opacity:.95;font-size:13px}
    .langs a.active{font-weight: bold;font-size:13px;}
    .langs {margin-top: 10px;font-size:13px;}
    .page{ /* Page background / cards look to mimic PDF */
      border:1px solid #efefef;
      border-radius:0;
      background:#efefef;
    }
    body{background:#f5f3f0}
    .card{background:linear-gradient(180deg,#fff,#fbfaf8);border:1px solid #eee}
    
    /* Footer */
    .foot{padding:18px 0;background:#fff;border-top:1px solid #eee}
    .foot-inner{max-width:794px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;color:#666;font-size:13px}
    
    @media (max-width:600px){
      .header-inner,.foot-inner{padding:0 14px}
      .langs .lang-list{gap:6px;}
      .hero-overlay{padding:0 12px}
    }
    
    /* Panel that contains the two big cards */
    .topbar{margin-top:0px;background:transparent;}
    .panel{max-width:1342px;margin:0 auto;background:#fff;border-radius:22px 22px 12px 12px;padding:0px 27px;border:1px solid #e9e9e9;margin-top:-100px;position:relative;z-index:20;overflow:hidden}
    .panel:before{content:"";position:absolute;left:-20px;right:-20px;top:-40px;bottom:-6px;background:#fff;border-radius:24px 24px 12px 12px;box-shadow:0 18px 40px rgba(0,0,0,.12);z-index:19}
    .panel > *{position:relative;z-index:21;}
    .panel-title{color:#0b66b2;text-align:center;font-size:26px;margin:20px 0 24px;font-weight:600}
    
    .access-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
    .access-card{background:#f7f9fb;border-radius:10px;overflow:hidden;border:1px solid #e6eef6;display:flex;flex-direction:column}
    .access-media img{width:100%;height:260px;object-fit:cover;display:block}
    .access-body{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:180px}
    .access-title{color:#0b66b2;font-size:26px;margin:4px 0;font-weight:600}
    .access-desc{color:#4b5563;line-height:1.6;margin:19px 0 0px;padding:0 10px;font-size:15px;height:95px;}
    .access-cta{margin-top:8px;font-size: 17px;}
    
    .btn{display:inline-block;padding:12px 91px;border-radius:8px;color:#fff;text-decoration:none;font-weight:700}
    .btn-green{background:#4caf50;padding:12px 15px !important; }
    .btn-blue{background:#0b66b2}
    
    /* Make panel look like screenshot: rounded white container with subtle inner cards */
    .body{background:#eaeaea}
    
    /* Visual tweaks to match screenshot gutters and header strip */
    html,body{background:#efefef}
    .site-header:before{content:'';position:absolute;left:0;top:0;height:100%;width:14px;background:#0b6db2;border-top-right-radius:8px;border-bottom-right-radius:8px}
    .langs a{margin-top:6px;margin-right: 0px;color:white;text-decoration: none;}
    .access-card{border-radius:14px}
    
    
    @media (max-width:900px){
      .panel{padding:18px;}
      .access-grid{grid-template-columns:1fr}
      .access-media img{height:160px}
      .access-title{font-size:20px}
    }

    .link-footer{
        font-size: 13px;
        margin: 0px 7px;
        color: #26282a;
    }
    .link-footer-sin{
       text-decoration:none;
        font-size: 13px;
        margin: 0px 7px;
        color: #26282a;
    }
    .link-footer:hover {
        text-decoration: none;
        font-size: 13px;
        color:#006eb8; /* El azul corporativo de Iddink que vimos antes */
    }
    .footer-center{
      display: flex;
      align-items: center;   /* Centra verticalmente los hijos */
      justify-content: center; /* Centra horizontalmente todo el bloque */
      gap: 40px;             /* Espacio horizontal entre los elementos, ajusta este valor si quieres más o menos separación */
      padding: 20px 0;
    }
    .pie-logo-izquierda{
        margin-right: 25px;
    }
    .pie-logo-derecha{
       width: 190px !important;
        height: 32px !important;
    }
    .font-white{
        color: white;
        padding:8px;
    }
    .siteLogo_logo__icon__awTJm {
        width: 150px;
        gap: .3rem;
        align-items: flex-end;
        color: white;
        transition: color .2s ease-in-out;
        margin-top:16px;
        
    }
    .siteLogo_logo__icon__awTJm:hover {
      color: #ffcd67; /* color al pasar el mouse */
    }
    .siteFooter_logo__97Q0E{
        color: #006eb7;
        margin: auto;
        width: 150px
    }
    .site-footer{
        margin-bottom:80px;
    }
    @media (max-width: 600px) {
      .footer-center {
        flex-direction: column;   /* Cambia de fila a columna */
        gap: 20px;                /* Un poco menos de espacio */
        padding: 20px 0;          /* Mantén el aire vertical */
        align-items: center;      /* Centra los elementos hijos */
      }
      .footer-center > div {
        width: 100%;
        text-align: center;
      }
      /* Puedes ajustar el tamaño de los logos si quedan demasiado grandes */
      .footer-logo img, .footer-logo svg {
        max-width: 180px;
        height: auto;
      }
      .siteLogo_logo__icon__awTJm {
        width: 120px;
        margin: 19px 3px;
      }
      .langs {
        margin: 10px 7px;
      }   
      .access-cta-short {
        font-size: 12px;
      } 
      .btn-green{
          padding:15px 15px !important;
          font-size:16px;
        }
    }
    
    
    
    @media (max-width:768px){
        .page{
            width:auto;
            margin:10px 14px !important;
            
        }
        .siteLogo_logo__icon__awTJm {
            width: 120px;
        }
        
        .header-inner
        {
            margin: 0px -3px;
        }
        .panel
        {
            margin-top: -89px;
            border-radius: 14px !important;
          }

        
      }     

       @media (max-width:1342px){
        
        
        .header-inner
        {
            margin: 0px -3px;
        }
        .panel
        {
            margin-top: -89px;
        }
        
      }    

      

      /* 1. Pantallas pequeñas (hasta 768px de ancho) */
      @media screen and (max-width: 768px) {
          .site-header {
              height: 152px !important;
          }
          .panel{
            border-radius: 12px !important;
          }
          .logo{
            margin-left:1px !important
          }
      }

      /* 2. Pantallas medianas (desde 769px hasta 1381px de ancho) */
      @media screen and (min-width: 769px) and (max-width: 1381px) {
          .site-header {
              height: 157px !important;
          }
           .panel{
            border-radius: 17px !important;
          }
          .logo{
            margin-left:7px !important
          }
      }

      @media screen and (min-width: 900px) and (max-width: 1104px) {
        
        
        .access-cta-short{
            font-size: 12px;
        }
        .btn-green{
          padding:15px 15px !important;
        }
      }  

      @media screen and (min-width: 900px) and (max-width: 1104px) {
          .btn-green{
            font-size: 13px !important;
          }
      }  
.texto-footer{
  font-size: 13px;
}