:root{--bg:#0b0f0e;--ink:#0a120f;--paper:#f7f5ef;--brand:rgb(223, 5, 19);--brand-2:#b68b2c;--brand-light:rgb(221, 7, 19);--muted:#6b7a74;--muted-light:#8a9690;--radius:18px;--max:1152px;--shadow:0 10px 30px rgba(0,0,0,.15);--shadow-hover:0 15px 40px rgba(0,0,0,.25);--gradient-hero:linear-gradient(135deg, rgba(221, 7, 19,.85), rgba(11,15,14,.75));--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;padding-top:70px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline;color:var(--brand-light)}img{max-width:100%;display:block;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}p{margin:0 0 1rem;text-align:justify}ul,ol{margin:0 0 1rem;padding-left:1.5rem}.lead,.muted,.body p,.quote p,.caption-text,.contact-info{text-align:justify}.container{width:100%;max-width:var(--max);margin:auto;padding:0 20px}.section{padding:clamp(16px,3vw,28px) 0;position:relative}.section#inicio{padding:clamp(8px,2vw,16px) 0;position:relative}.section h2{margin:0 0 16px;font-size:clamp(1.75rem,3vw + 1rem,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--brand)}.section p.lead{color:var(--muted);margin:0 0 32px;font-size:clamp(1.1rem,2vw + .5rem,1.25rem);line-height:1.7}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:saturate(150%) blur(20px);background:#f7f5eff2;border-bottom:1px solid rgba(230,225,214,.6);box-shadow:0 2px 20px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.site-header.nav-hidden{transform:translateY(-100%)!important;transition:transform .2s ease-in!important}.site-header.nav-visible{transform:translateY(0)!important;transition:transform .2s ease-out!important}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;transition:var(--transition);position:relative}.logo{display:flex;align-items:center;gap:14px;transition:var(--transition)}.logo img{height:42px;width:auto;transition:var(--transition)}.logo:hover img{transform:scale(1.05)}.logo strong{font-weight:800;font-size:1.1rem}.nav a{font-weight:600;margin-left:20px;padding:8px 12px;border-radius:8px;transition:var(--transition);color:var(--ink)}.nav a:hover{background:#df051314;color:var(--brand);text-decoration:none}.nav .menu{display:flex;align-items:center}.nav .toggle{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;padding:8px 12px;color:var(--ink);transition:var(--transition);border-radius:8px;margin-left:auto;min-width:48px;text-align:center}.nav .toggle:hover{color:var(--brand)}.nav .menu.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#f7f5effa;backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:10px;border-top:1px solid rgba(230,225,214,.6);box-shadow:0 10px 30px #0000001a;z-index:1000}.nav .menu.mobile-open a{margin:0;width:100%;text-align:center;padding:12px}.hero{position:relative;min-height:85vh;display:grid;align-items:center;color:#fff;isolation:isolate;--blur-amount: 0px;--overlay-opacity: 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f3d2e1a,#0f3d2e4d 40%,#0b0f0e99),var(--hero-img, url("./fachada-3WLIMZCP.jpg")) center/cover no-repeat;filter:saturate(110%) contrast(105%) blur(var(--blur-amount, 0px));z-index:-2;transition:filter .1s ease}.hero-with-president{min-height:105vh;position:relative;--blur-amount: 0px;--overlay-opacity: 0}.hero-with-president:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f3d2e26,#0f3d2e40 60%,#0b0f0e66),var(--hero-img, url("./fachada-3WLIMZCP.jpg")) center/cover no-repeat;filter:saturate(110%) contrast(105%) blur(var(--blur-amount, 0px));z-index:-2;transition:filter .2s ease}.hero-with-president:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--overlay-opacity, 0));z-index:-1;transition:background .2s ease}.hero-with-president .president-card{position:absolute;bottom:30px;right:0;max-width:650px;background:#dd0713e0;border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:20px 24px;box-shadow:0 25px 50px #0006;backdrop-filter:blur(12px);display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;transition:var(--transition);z-index:10}.hero-with-president .president-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px #00000080}.hero-with-president .president-card img{height:140px;width:140px;object-fit:cover;object-position:center 25%;border-radius:12px;border:3px solid rgba(255,255,255,.8);transition:var(--transition)}.card img,.person img,.gallery img,.offer img,.pub img{filter:none!important}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 40% 30%,rgba(221,7,19,.15),transparent 60%),rgba(0,0,0,var(--overlay-opacity, 0));z-index:-1;transition:background .1s ease}.hero .wrap{padding:40px 20px 80px}.hero .identity{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;max-width:920px;animation:fadeInUp 1s ease-out}.hero .identity .mark{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.hero .identity .mark img{height:80px;width:auto;border-radius:16px;box-shadow:0 20px 40px #0000004d;border:3px solid rgba(255,255,255,.4);transition:var(--transition)}.hero .identity .mark img:hover{transform:scale(1.05)}.hero .identity .mark h1{font-size:clamp(1.5rem,3vw,2rem);margin:0;font-weight:900;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero .identity .mark .muted{font-size:clamp(.9rem,2vw,1.1rem);opacity:.9;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.hero .president-card{display:grid;grid-template-columns:160px 1fr;gap:24px;background:#dd0713d9;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:24px;box-shadow:0 25px 50px #0006;backdrop-filter:blur(10px);transition:var(--transition)}.hero .president-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000080}.hero .president-card img{height:160px;width:160px;object-fit:cover;border-radius:16px;border:3px solid rgba(255,255,255,.7);transition:var(--transition)}.hero .quote p{margin:0 0 6px;font-size:1rem;font-style:italic;line-height:1.4;opacity:.95}.hero .quote .who{margin-top:10px;font-weight:800;letter-spacing:.2px;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-row{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;border:2px solid transparent;font-weight:700;cursor:pointer;text-decoration:none;transition:var(--transition);font-size:1rem}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-light);border-color:var(--brand-light);transform:translateY(-2px);box-shadow:0 10px 25px #df05134d;text-decoration:none}.btn-outline{background:transparent;color:#fff;border-color:#ffffffb3}.btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px);text-decoration:none}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin:40px 0}.split.reverse{grid-template-columns:1fr 1.2fr}.card{background:#fff;border:1px solid rgba(230,225,214,.8);border-radius:20px;box-shadow:0 15px 35px #00000014;overflow:hidden;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.card img{width:100%;height:300px;object-fit:cover;transition:var(--transition)}.card:hover img{transform:scale(1.05)}.card.pad{padding:32px}.card.pad h3{font-size:1.5rem;margin:0 0 16px;color:var(--brand)}.card.pad p{font-size:1.1rem;line-height:1.6;margin:0 0 12px}.person{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;margin-bottom:24px}.person img{height:140px;width:140px;border-radius:16px;object-fit:cover;border:3px solid var(--brand);transition:var(--transition)}.person img:hover{transform:scale(1.05)}.person h3{margin:0 0 4px;color:var(--brand)}.person .role{color:var(--muted);font-size:1rem;font-weight:600;margin:0}.historical-figures{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;align-items:start}.historical-figures .card{width:100%;height:100%;display:flex;flex-direction:column}.historical-figures>div:last-child{display:flex;align-items:stretch}.historical-figures>div:last-child img{width:100%;height:100%;border-radius:12px;object-fit:cover;object-position:-40px center;min-height:400px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.gallery a{position:relative;display:block;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #0000001f;transition:var(--transition)}.gallery a:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0003}.gallery a:after{content:"\1f50d";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#df0513e6;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transition:var(--transition)}.gallery a:hover:after{opacity:1}.gallery img{height:250px;width:100%;object-fit:cover;transition:var(--transition)}.gallery a:hover img{transform:scale(1.1)}[data-lightbox]{position:relative;display:block;cursor:pointer;transition:var(--transition)}.person a[data-lightbox]:hover img,.historical-figures>div:last-child a[data-lightbox]:hover img,.directiva-general a[data-lightbox]:hover img{transform:scale(1.05);filter:brightness(1.1)}.card a[data-lightbox]:hover img{transform:scale(1.02);filter:brightness(1.05)}.person a[data-lightbox]:after,.historical-figures>div:last-child a[data-lightbox]:after,.directiva-general a[data-lightbox]:after,.featured a[data-lightbox]:after{content:"\1f50d";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#df0513e6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:var(--transition)}.person a[data-lightbox]:hover:after,.historical-figures>div:last-child a[data-lightbox]:hover:after,.directiva-general a[data-lightbox]:hover:after,.featured a[data-lightbox]:hover:after{opacity:1}.pub a[data-lightbox]:after,.offer a[data-lightbox]:after{content:"\1f50d";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#df0513e6;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:0;transition:var(--transition)}.pub a[data-lightbox]:hover:after,.offer a[data-lightbox]:hover:after{opacity:1}.lightbox{position:fixed;inset:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(10px);cursor:pointer}.lightbox img{max-width:90%;max-height:85%;border-radius:20px;box-shadow:0 30px 80px #0009;animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.offer{display:flex;flex-direction:column;transition:var(--transition)}.offer:hover{transform:translateY(-8px)}.offer .body{padding:24px}.offer .body h3{margin:12px 0 8px;color:var(--brand);font-size:1.3rem}.offer .body p{color:var(--muted);line-height:1.6;margin:0}.tag{display:inline-block;background:linear-gradient(135deg,#f1ead9,#e8dcc6);color:#7a5f13;padding:6px 14px;border-radius:20px;font-weight:800;font-size:.85rem;letter-spacing:.3px;box-shadow:0 4px 12px #7a5f1333}.featured{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,#fff5f5,#ffeaea);border:2px solid rgba(223,5,19,.1);border-radius:24px;padding:40px;margin:40px 0}.featured h2{color:var(--brand);margin-top:12px;font-size:clamp(1.5rem,3vw,2.2rem)}.featured ul{background:#fff;border-radius:12px;margin:20px 0;box-shadow:0 8px 25px #00000014;list-style:none;padding:20px}.featured li{margin:8px 0;font-size:1.05rem}.pill{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffeaea,#fcc);color:#8b0000;padding:8px 16px;border-radius:25px;font-weight:800;font-size:.9rem;letter-spacing:.2px;box-shadow:0 6px 18px #df051326}.directiva-row{display:grid;gap:28px;margin:32px 0;justify-content:center}.directiva-row-2{grid-template-columns:repeat(2,1fr);max-width:520px;margin-left:auto;margin-right:auto}.directiva-row-3{grid-template-columns:repeat(3,1fr);max-width:850px;margin-left:auto;margin-right:auto}.directiva-card{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid rgba(223,5,19,.1);border-radius:24px;box-shadow:0 8px 25px #0000000f;overflow:hidden;transition:var(--transition);text-align:center;position:relative}.directiva-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #df051326;border-color:#df051333}.directiva-card img{width:100%;height:280px;object-fit:cover;object-position:center 20%;transition:var(--transition);border-bottom:3px solid rgba(223,5,19,.1)}.directiva-card:hover img{transform:scale(1.03);filter:brightness(1.05)}.directiva-info{padding:20px 18px 24px;background:linear-gradient(135deg,#fff,#fefefe)}.directiva-info h3{margin:0 0 6px;color:var(--brand);font-size:1.25rem;font-weight:800;line-height:1.2}.directiva-info .cargo{margin:0;color:var(--muted);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.directiva-general{max-width:900px;margin:32px auto}.directiva-general .card{background:#fff;border:2px solid rgba(223,5,19,.1);border-radius:24px;box-shadow:0 15px 35px #00000014;overflow:hidden;transition:var(--transition)}.directiva-general .card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;border-color:#df051333}.directiva-general .card img{width:100%;height:auto;min-height:450px;max-height:35px;object-fit:cover;object-position:center;transition:var(--transition)}.directiva-general .card:hover img{transform:scale(1.02);filter:brightness(1.03)}.directiva-caption{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fff5f5,#ffeaea);border:1px solid rgba(223,5,19,.1);border-radius:16px;box-shadow:0 8px 25px #0000000f}.directiva-caption .caption-text{color:var(--ink);font-size:1.05rem;line-height:1.6;margin:0;text-align:center}.directiva-caption .caption-text strong{color:var(--brand);font-weight:800}.pubs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;align-items:stretch}.pub{transition:var(--transition);display:flex;flex-direction:column}.pub:hover{transform:translateY(-8px)}.pub .body{padding:20px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.pub .body h3{margin:0 0 8px;color:var(--brand);font-size:1.2rem;line-height:1.3}.pub .body p{color:var(--muted);margin:0 0 16px;font-size:.95rem;line-height:1.5;flex:1}.pub .actions{display:flex;gap:12px;margin-top:auto;padding-top:12px}.btn-download{background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;transition:var(--transition);font-size:.9rem}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #df05134d;background:linear-gradient(135deg,var(--brand-light),var(--brand))}footer{background:linear-gradient(135deg,#1e3a5f,#2c4f70);color:#fff;padding:40px 0 0;margin-top:40px;border-top:3px solid var(--brand)}footer h3{color:#1a1a1a;margin:0 0 20px;font-size:1.4rem;background:#ffffffe6;padding:8px 16px;border-radius:8px;display:inline-block;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.3)}footer p{line-height:1.7;margin:0 0 16px;font-size:1.05rem;word-wrap:break-word;overflow-wrap:break-word}footer a{color:#e8f4f8;transition:var(--transition)}footer a:hover{color:var(--brand);text-decoration:none;background:#ffffff1a;padding:2px 6px;border-radius:4px}.email-text{word-break:break-all;font-size:.95rem;line-height:1.4;color:#e8f4f8;font-weight:500;text-decoration:none;transition:var(--transition)}.email-text:hover{color:var(--brand);background:#ffffff1a;padding:2px 4px;border-radius:4px}.contact-info strong{color:#fff;font-weight:700}.footgrid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:32px;align-items:start;width:100%;max-width:100%;overflow:hidden}.map{border:0;width:100%;height:320px;border-radius:20px;box-shadow:0 20px 50px #0000004d;transition:var(--transition)}.map:hover{transform:translateY(-3px);box-shadow:0 25px 60px #0006}.copy{margin-top:40px;padding:20px 0;border-top:1px solid rgba(255,255,255,.2);color:#b8d4e6;font-size:.95rem;text-align:center}.muted{color:var(--muted)}.space-s{height:8px}.space-m{height:16px}.space-l{height:24px}.space-xl{height:32px}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--brand),var(--brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3.text-gradient{background:linear-gradient(135deg,var(--brand),var(--brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;font-weight:800}img{image-rendering:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}.gallery img{transition:transform .3s cubic-bezier(.4,0,.2,1)}.gallery a:hover img{transform:translateZ(0) scale(1.02)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img{image-rendering:auto;image-rendering:-webkit-optimize-contrast}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 980px){.hero-with-president .president-card{position:absolute!important;bottom:20px;right:20px;max-width:380px;background:#dd0713d9;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:16px 18px;box-shadow:0 20px 40px #0000004d;backdrop-filter:blur(10px);display:grid!important;grid-template-columns:90px 1fr!important;gap:14px;align-items:center;z-index:10;text-align:left!important}.hero-with-president .president-card img{height:90px!important;width:90px!important;object-position:center 20%;border-radius:10px;border:2px solid rgba(255,255,255,.7);margin:0!important}.hero .quote p{font-size:.85rem;margin:0 0 4px;line-height:1.3}.hero .quote .who{font-size:.85rem;margin-top:6px}}.hero-with-president{min-height:75vh}.hero-with-president .wrap{width:100%;height:100%;position:relative}.hero-with-president .president-card{position:absolute;bottom:20px;right:20px;max-width:380px;background:#dd0713d9;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:16px 18px;box-shadow:0 20px 40px #0000004d;backdrop-filter:blur(10px);display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;z-index:10}.hero-with-president .president-card img{height:90px;width:90px;object-position:center 20%;border-radius:10px;border:2px solid rgba(255,255,255,.7)}.hero .quote p{font-size:.85rem;margin:0 0 4px;line-height:1.3}.hero .quote .who{font-size:.85rem;margin-top:6px}@media (max-width: 768px){.hero-with-president .president-card{position:absolute!important;bottom:15px;right:15px;max-width:280px!important;padding:10px 14px;grid-template-columns:60px 1fr!important;gap:10px;border-radius:12px;text-align:left!important}.hero-with-president .president-card img{height:60px!important;width:60px!important;border-radius:6px;border:2px solid rgba(255,255,255,.8);margin:0!important}.hero .quote p{font-size:.75rem;line-height:1.1;margin:0 0 2px}.hero .quote .who{font-size:.75rem;margin-top:3px;font-weight:700}}@media (max-width: 480px){.hero-with-president{min-height:75vh}.hero-with-president .wrap{width:100%;height:100%;position:relative}.hero-with-president .president-card{position:absolute!important;bottom:15px;right:15px;max-width:280px!important;margin:0;padding:10px 14px;grid-template-columns:60px 1fr!important;gap:10px;border-radius:12px;text-align:left!important;z-index:10}.hero-with-president .president-card img{height:60px!important;width:60px!important;object-position:center 15%;border-radius:6px;margin:0!important}.hero .quote p{font-size:.75rem;line-height:1.1;margin:0 0 2px}.hero .quote .who{font-size:.75rem;margin-top:3px}}img.loading{opacity:.7}img.loaded{opacity:1;transition:opacity .3s ease}img.error{opacity:.7;background:#f8f8f8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading:after{animation:pulse 1.5s infinite}input.error,textarea.error{border:2px solid #e74c3c;background:#e74c3c1a}.btn:focus,a:focus{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.split,.split.reverse{gap:32px}.featured{gap:24px}.hero .identity{gap:20px}}@media (max-width: 980px){.nav .menu{display:none;position:relative}.nav .toggle{display:inline-flex}.hero{min-height:75vh}.hero .identity{grid-template-columns:1fr;text-align:center;gap:32px}.split,.split.reverse,.featured{grid-template-columns:1fr;gap:32px}.gallery,.cards,.pubs{grid-template-columns:repeat(2,1fr)}.directiva-row-2{grid-template-columns:repeat(2,1fr);max-width:500px;gap:20px}.directiva-row-3{grid-template-columns:repeat(3,1fr);max-width:750px;gap:18px}.footgrid{grid-template-columns:1fr 1fr;gap:24px}.footgrid>div:last-child{grid-column:1 / -1}.person{grid-template-columns:1fr;text-align:center}.person img{margin:0 auto}.historical-figures{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 16px}.section{padding:clamp(20px,4vw,40px) 0}.section#inicio{padding:clamp(10px,2vw,20px) 0}.footgrid{grid-template-columns:1fr;gap:24px}.map{height:250px;border-radius:12px}.email-text{font-size:.9rem;word-break:break-all}.hero .wrap{padding:32px 16px 60px}.hero .identity .mark img{height:60px}.hero .president-card{padding:20px}.hero .president-card img{height:120px;width:120px}.card.pad,.featured{padding:24px}.directiva-card img{height:260px}.directiva-info{padding:18px 16px 22px}.cta-row{justify-content:center}.directiva-row-3{grid-template-columns:repeat(2,1fr);max-width:500px;gap:20px}}@media (max-width: 400px){.hero-with-president .president-card{max-width:250px!important;bottom:10px;right:10px;padding:8px 12px;grid-template-columns:55px 1fr!important;gap:8px}.hero-with-president .president-card img{height:55px!important;width:55px!important}.hero .quote p{font-size:.7rem;line-height:1}.hero .quote .who{font-size:.7rem;margin-top:2px}.email-text{font-size:.8rem;word-break:break-all;line-height:1.2}footer h3{font-size:1.2rem;padding:6px 12px}footer p{font-size:.9rem;line-height:1.5}.footgrid{gap:16px}.map{height:160px}}@media (max-width: 320px){.email-text{font-size:.75rem;word-break:break-all;line-height:1.1}footer p{font-size:.85rem}footer h3{font-size:1.1rem;padding:5px 10px}.footgrid{gap:12px}.map{height:140px}}@media (max-width: 580px){.hero-with-president .president-card{max-width:300px!important;padding:10px 14px;grid-template-columns:65px 1fr!important;gap:10px;margin:12px auto 20px;text-align:left!important}.hero-with-president .president-card img{height:65px!important;width:65px!important;margin:0!important}.hero .quote p{font-size:.75rem;line-height:1.1}.hero .quote .who{font-size:.75rem}}@media (max-width: 600px){.directiva-row-2,.directiva-row-3{grid-template-columns:1fr;max-width:350px;gap:24px;margin:24px auto}.directiva-card img{height:280px}.directiva-info{padding:20px 18px 24px}}@media (max-width: 580px){.hero .identity,.gallery,.cards,.pubs{grid-template-columns:1fr}.directiva-card img{height:260px}.directiva-info{padding:18px 16px 20px}.directiva-info h3{font-size:1.1rem}.cta-row{flex-direction:column;align-items:center}.btn{justify-content:center;min-width:200px}.footgrid{gap:32px}.map{height:200px}}@media (max-width: 480px){.hero .identity .mark h1{font-size:1.5rem}.section h2{font-size:1.75rem}.card.pad,.featured{padding:20px}.person{grid-template-columns:1fr}.map{height:180px;border-radius:8px}.footgrid{grid-template-columns:1fr;gap:20px}.email-text{font-size:.85rem;word-break:break-all;line-height:1.3}footer p{font-size:.95rem}.directiva-row-2,.directiva-row-3{max-width:320px;gap:20px}.directiva-card img{height:240px}.directiva-info{padding:16px 14px 18px}}