/* ============================================================
   COOKIROLL – main.css  v2.1  (SCSS 7-1 + Responsive 5 devices)
   ============================================================ */

/* ── RESET ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background-color: #F9F4EF; font-family: 'Quicksand',sans-serif; color: #000; line-height: 1.6; font-weight: 500; }
img  { max-width: 100%; height: auto; display: block; }
a    { text-decoration: none; color: inherit; transition: color .3s ease; }
ul, ol { list-style: none; }
button { font-family: 'Quicksand', sans-serif; }

/* ── TIPOGRAFÍA ── */
h1,h2,h3,h4,h5,h6 { font-family:'Dongle',sans-serif; line-height:1; font-weight:700; }
h1 { font-size:4.5rem; color:#DE117F; margin-bottom:1rem; }
h2 { font-size:3.5rem; margin-bottom:1rem; }
h3 { font-size:2.5rem; margin-bottom:.5rem; }
p  { font-size:1.1rem; color:#444; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-15px)} }

/* ── BOTONES ── */
.btn-primary { display:inline-block; background-color:#DE117F; color:#fff; padding:12px 35px; border-radius:50px; font-family:'Quicksand',sans-serif; font-weight:700; font-size:1.1rem; cursor:pointer; border:2px solid #DE117F; box-shadow:0 4px 10px rgba(222,17,127,.3); transition:background-color .3s,border-color .3s,transform .3s,color .3s; text-decoration:none; line-height:1; }
.btn-primary:hover { background-color:#000; border-color:#000; transform:translateY(-2px); }
.btn-primary:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.btn-secondary { display:inline-block; background-color:transparent; color:#000; padding:12px 35px; border-radius:50px; font-family:'Quicksand',sans-serif; font-weight:700; font-size:1.1rem; cursor:pointer; border:2px solid #000; transition:background-color .3s,color .3s; text-decoration:none; }
.btn-secondary:hover { background-color:#000; color:#fff; }
.btn-danger { display:inline-block; background-color:transparent; color:#e53935; padding:12px 35px; border-radius:50px; font-family:'Quicksand',sans-serif; font-weight:700; font-size:1.1rem; cursor:pointer; border:2px solid #e53935; transition:background-color .3s,color .3s; text-decoration:none; }
.btn-danger:hover { background-color:#e53935; color:#fff; }
.btn-sm { padding:7px 18px !important; font-size:.85rem !important; border-radius:8px !important; }
.btn-icon { background:none; border:none; cursor:pointer; font-size:1.2rem; transition:opacity .2s; }
.btn-icon:hover { opacity:.7; }

/* ── FORMS ── */
.form-group { display:flex; flex-direction:column; gap:8px; }
.form-group label { font-weight:700; font-size:.9rem; color:#555; }
.form-group small { color:#999; font-size:.8rem; margin-top:-4px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.field-error { color:#e53935; font-size:.8rem; margin-top:4px; display:none; }
.field-error.visible { display:block; }
.input-error { border-color:#e53935 !important; }
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="password"],textarea,select { padding:15px 20px; border-radius:15px; border:2px solid #eee; font-family:'Quicksand',sans-serif; font-size:1rem; outline:none; background:#FAFAFA; transition:border-color .3s,background .3s; width:100%; }
input:focus,textarea:focus,select:focus { border-color:#DE117F; background:#fff; }
input.input-error,textarea.input-error { border-color:#e53935; }
textarea { resize:vertical; min-height:120px; }

/* ── MODAL ── */
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:8888; display:none; align-items:center; justify-content:center; padding:20px; }
.modal-overlay.active { display:flex; }
.modal-box { background:#fff; border-radius:30px; width:100%; max-width:540px; max-height:90vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,.15); animation:fadeIn .3s ease forwards; }
@keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
.modal-header { display:flex; justify-content:space-between; align-items:center; padding:25px 30px; border-bottom:1px solid #eee; position:sticky; top:0; background:#fff; z-index:1; }
.modal-header h2 { font-family:'Dongle',sans-serif; font-size:2.8rem; color:#DE117F; margin:0; line-height:1; }
.modal-close { background:none; border:none; font-size:1.4rem; cursor:pointer; color:#999; padding:4px; transition:color .2s; }
.modal-close:hover { color:#000; }
.modal-body { padding:25px 30px; display:flex; flex-direction:column; gap:15px; }
.modal-footer { display:flex; justify-content:flex-end; gap:12px; padding:15px 30px; border-top:1px solid #eee; }
.modal-confirm .modal-box { max-width:420px; }
.modal-confirm .modal-body { text-align:center; padding:35px; }
.modal-confirm .confirm-icon { font-size:3rem; margin-bottom:10px; display:block; }
.modal-confirm .modal-body p { font-size:1.2rem; color:#555; margin-top:8px; }

/* Modal pedido – inputs con estética Cookiroll */
.modal-pedido .modal-body input,
.modal-pedido .modal-body textarea,
.modal-pedido .modal-body select { padding:13px 16px; border-radius:12px; border:2px solid #eee; font-family:'Quicksand',sans-serif; font-size:1rem; outline:none; background:#FAFAFA; transition:border-color .3s,background .3s; width:100%; box-sizing:border-box; }
.modal-pedido .modal-body input:focus,
.modal-pedido .modal-body textarea:focus { border-color:#DE117F; background:#fff; }
.modal-pedido .modal-body input.input-error { border-color:#e53935; }
.modal-pedido .modal-body label { font-family:'Quicksand',sans-serif; font-weight:700; font-size:.9rem; color:#555; display:block; margin-bottom:5px; }
.modal-pedido .modal-body .form-group { display:flex; flex-direction:column; gap:5px; margin-bottom:4px; }
.modal-pedido .pedido-resumen { background:#F9F4EF; border-radius:15px; padding:20px; margin-bottom:15px; }
.modal-pedido .pedido-resumen h4 { font-family:'Dongle',sans-serif; font-size:1.5rem; color:#DE117F; margin-bottom:8px; }
.modal-pedido .pedido-resumen p { font-size:.9rem; color:#666; margin:2px 0; }
.resumen-total { font-weight:700; font-size:1.2rem; text-align:right; color:#000; }

/* ── TOAST ── */
.toast { position:fixed; bottom:30px; right:30px; background:#DE117F; color:#fff; padding:14px 24px; border-radius:15px; font-weight:700; font-size:1rem; box-shadow:0 4px 10px rgba(222,17,127,.3); z-index:9999; animation:toastIn .3s ease; }
.toast.success { background:#4CAF50; }
.toast.danger  { background:#e53935; }
.toast.info    { background:#2196F3; }
@keyframes toastIn { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }

/* ── BADGES ── */
.badge { display:inline-block; padding:4px 12px; border-radius:50px; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.badge--pending   { background:rgba(255,152,0,.15);  color:#FF9800; }
.badge--confirmed { background:rgba(33,150,243,.15); color:#2196F3; }
.badge--preparing { background:rgba(156,39,176,.15); color:#9C27B0; }
.badge--delivered { background:rgba(76,175,80,.15);  color:#4CAF50; }
.badge--cancelled { background:rgba(229,57,53,.15);  color:#e53935; }
.badge--read      { background:rgba(76,175,80,.15);  color:#4CAF50; }
.badge--unread    { background:rgba(255,152,0,.15);  color:#FF9800; }

/* ── NAVBAR ── */
.navbar { background-color:#fff; padding:10px 5%; display:flex; justify-content:space-between; align-items:center; width:100%; position:relative; box-shadow:0 5px 20px rgba(0,0,0,.05); z-index:1000; }
.navbar .logo-img { height:100px; object-fit:contain; display:block; }
.navbar nav ul { display:flex; list-style:none; gap:30px; margin:0; padding:0; align-items:center; }
.navbar nav a { font-family:'Quicksand',sans-serif; font-weight:700; font-size:1.1rem; color:#000; transition:color .3s; }
.navbar nav a:hover { color:#DE117F; }
.carrito-icono { background-color:#FDD8E4; padding:10px 14px; border-radius:50%; font-size:1.2rem; transition:transform .2s,background-color .3s; display:flex; align-items:center; justify-content:center; }
.carrito-icono:hover { transform:scale(1.1); background-color:#DE117F; color:#fff; }

/* Hamburguesa */
.nav-toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; z-index:1001; }
.nav-toggle span { display:block; width:25px; height:3px; background:#DE117F; border-radius:3px; transition:all .3s ease; }
.nav-toggle.open span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity:0; }
.nav-toggle.open span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

/* ── FOOTER ── */
.footer { background-color:#DE117F; color:#fff; text-align:center; padding:50px 20px; margin-top:80px; }
.footer p,.footer a,.footer .frase,.footer .copy { color:#fff !important; }
.footer a { text-decoration:underline; font-weight:700; font-size:1.1rem; }
.footer .social-links { margin:15px 0; }

/* ── HERO ── */
.hero { display:flex; align-items:center; justify-content:space-between; padding:80px 5%; background-color:#FDD8E4; border-bottom-left-radius:60px; border-bottom-right-radius:60px; min-height:80vh; gap:50px; }
.hero-content { flex:1; max-width:50%; }
.hero-content h1 { font-size:5.5rem; line-height:.9; margin-bottom:20px; color:#DE117F; }
.hero-content p  { font-size:1.4rem; margin-bottom:30px; color:#444; max-width:90%; }
.hero-img { flex:1; max-width:45%; border-radius:50px; box-shadow:0 20px 50px rgba(222,17,127,.15); object-fit:cover; animation:float 4s ease-in-out infinite; }

/* ── HOME PRODUCTOS ── */
.productos-home { padding:80px 5%; text-align:center; }
.grid-productos { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px; margin-top:40px; margin-bottom:60px; }
.producto { background:#fff; padding:12px; border-radius:20px; box-shadow:0 10px 25px rgba(0,0,0,.05); transition:transform .3s,box-shadow .3s; display:flex; flex-direction:column; align-items:center; height:100%; }
.producto:hover { transform:translateY(-8px); box-shadow:0 15px 35px rgba(0,0,0,.1); }
.producto img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:15px; margin-bottom:15px; }
.producto h3  { font-family:'Dongle',sans-serif; font-size:3rem; color:#000; margin-bottom:5px; line-height:.9; }
.producto p   { font-size:1.1rem; color:#666; padding:0 10px 15px; line-height:1.3; }

/* ── HOME ACERCA ── */
.acerca { padding:80px 5%; background-color:#F9F4EF; }
.acerca-container { display:flex; align-items:center; justify-content:space-between; gap:50px; max-width:1100px; margin:0 auto; background:#fff; padding:40px; border-radius:30px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.acerca-img { width:45%; border-radius:20px; object-fit:cover; box-shadow:10px 10px 0 #FDD8E4; }
.acerca-texto { width:50%; text-align:left; }
.acerca-texto h2 { font-size:3.5rem; color:#DE117F; margin-bottom:20px; line-height:1; }
.acerca-texto p  { font-size:1.1rem; color:#555; margin-bottom:30px; line-height:1.5; }

/* ── HOME CONTACTO ── */
.contacto { text-align:center; max-width:800px; margin:80px auto; padding:60px 40px; background:#fff; border-radius:30px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.contacto h2 { font-family:'Dongle',sans-serif; font-size:4.5rem; color:#000; margin-bottom:10px; line-height:1; }
.contacto p  { font-size:1.3rem; color:#555; margin-bottom:10px; }

/* ── PÁGINA PRODUCTOS ── */
.productos-page { padding:80px 5%; text-align:center; }
.productos-page h1 { color:#DE117F; font-size:5rem; margin-bottom:40px; }
.producto-card { background:#fff; border-radius:30px; margin:0 auto 60px; box-shadow:0 10px 40px rgba(0,0,0,.08); max-width:1200px; overflow:hidden; display:grid; grid-template-columns:40% 60%; align-items:start; text-align:left; }
.producto-card .producto-img { width:100%; height:100%; object-fit:cover; grid-column:1; grid-row:1 / span 5; }
.producto-card h2 { grid-column:2; padding:40px 40px 10px; font-size:3rem; color:#DE117F; line-height:1; margin:0; }
.producto-card > p { grid-column:2; padding:0 40px; color:#666; font-size:1.1rem; margin-bottom:20px; }
.sabores-container { grid-column:2; padding:0 40px 40px; }
.sabores-container h3 { text-align:left; font-size:1.8rem; margin-bottom:20px; }
.sabores-grid { display:flex; flex-direction:column; gap:15px; }
.sabor-item { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between; background-color:#F9F4EF; border-radius:15px; padding:10px; width:100%; border:1px solid transparent; transition:all .2s; cursor:pointer; }
.sabor-item:hover { background-color:#fff; border-color:#DE117F; box-shadow:0 5px 15px rgba(0,0,0,.05); }
.sabor-item img { width:60px !important; height:60px !important; object-fit:cover; border-radius:10px; margin-right:15px !important; margin-bottom:0 !important; flex-shrink:0; }
.sabor-item p { flex:1; text-align:left !important; margin:0 !important; font-size:.9rem; line-height:1.2; padding:0; color:#444; }
.sabor-item strong { display:block; font-size:1.2rem; color:#DE117F; font-family:'Dongle',sans-serif; }
.sabor-item input[type="number"] { width:55px !important; padding:5px; border-radius:8px; border:1px solid #ccc; text-align:center; font-weight:700; font-size:1.1rem; background:#fff; flex-shrink:0; }

/* ── PÁGINA ACERCA ── */
.acerca-page { padding:80px 5%; max-width:1200px; margin:0 auto; }
.acerca-page h1 { text-align:center; margin-bottom:60px; color:#DE117F; }
.acerca-info { display:flex; align-items:center; gap:60px; margin-bottom:80px; }
.acerca-text { flex:1; min-width:300px; }
.acerca-text p { margin-bottom:20px; font-size:1.2rem; color:#555; line-height:1.6; text-align:justify; }
.about-img { flex:1; max-width:500px; height:auto; border-radius:30px; box-shadow:20px 20px 0 #FDD8E4; object-fit:cover; }
.creadora-tit { text-align:center; margin-bottom:30px; }
.creadora { background:#fff; padding:60px; border-radius:30px; text-align:center; box-shadow:0 10px 40px rgba(0,0,0,.05); max-width:800px; margin:0 auto; }
.creadora-img { width:180px; height:180px; border-radius:50%; object-fit:cover; margin:0 auto 30px; border:5px solid #DE117F; padding:5px; background:#fff; display:block; }

/* ── PÁGINA CONTACTO ── */
.contacto-page { text-align:center; max-width:800px; margin:80px auto; padding:60px 40px; background:#fff; border-radius:30px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.contacto-page h1 { font-family:'Dongle',sans-serif; font-size:4.5rem; color:#000; margin-bottom:10px; line-height:1; }
.contacto-page p  { font-size:1.3rem; color:#555; margin-bottom:10px; }
.contacto-page .social-ref { margin-top:30px; font-size:1.1rem; color:#555; }
.contacto-page .social-ref a { color:#DE117F; font-weight:700; }
.contacto-page .social-ref a:hover { text-decoration:underline; }
.contacto-form { display:flex; flex-direction:column; gap:20px; margin:40px auto; max-width:500px; text-align:left; }
.contacto-form .form-group { display:flex; flex-direction:column; gap:6px; }
.contacto-form label { font-weight:700; font-size:.9rem; color:#555; }

/* ── CARRITO PAGE ── */
.carrito-page { padding:80px 5%; max-width:1000px; margin:0 auto; display:flex; flex-direction:column; }
.carrito-page h1 { color:#000; margin-bottom:20px; }
.tabla-carrito { width:100%; border-collapse:collapse; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,.05); margin-bottom:40px; }
.tabla-carrito th { background-color:#FDD8E4; color:#DE117F; padding:20px; font-family:'Dongle',sans-serif; font-size:1.8rem; text-align:left; white-space:nowrap; }
.tabla-carrito td { padding:20px; border-bottom:1px solid #eee; vertical-align:middle; }
.tabla-carrito tr:last-child td { border-bottom:none; }
.tabla-carrito tr:hover td { background:#FAFAFA; }
.carrito-total { text-align:right; background:#fff; padding:30px; border-radius:20px; box-shadow:0 5px 20px rgba(0,0,0,.05); align-self:flex-end; min-width:320px; }
.carrito-total h3 { font-size:3rem; color:#000; margin-bottom:20px; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE – 5 dispositivos
   ════════════════════════════════════════════════════════════ */

/* ── Tablet landscape 1024px ── */
@media (max-width: 1024px) {
    .hero { gap:30px; padding:60px 5%; }
    .hero-content h1 { font-size:4.5rem; }
    .acerca-container { gap:30px; padding:30px; }
    .producto-card { grid-template-columns:38% 62%; }
    .producto-card h2 { font-size:2.5rem; }
    .admin-sidebar { width:200px; padding:20px 15px; }
    .admin-main { margin-left:200px; padding:25px; }
    .cajas-grid { grid-template-columns:1fr; }
}

/* ── Tablet portrait 768px ── */
@media (max-width: 768px) {
    /* Navbar hamburguesa */
    .nav-toggle { display:flex; }
    .navbar { flex-wrap:wrap; padding:12px 5%; }
    nav#nav-menu { display:none; width:100%; padding:10px 0 15px; border-top:1px solid #eee; margin-top:10px; }
    nav#nav-menu.open { display:block; }
    nav#nav-menu ul { flex-direction:column; gap:2px; align-items:flex-start; }
    nav#nav-menu a { display:block; padding:10px; font-size:1.05rem; border-radius:10px; width:100%; }
    nav#nav-menu a:hover { background:#FDD8E4; color:#DE117F; padding-left:18px; }
    .carrito-icono { margin-top:5px; }

    /* Hero */
    .hero { flex-direction:column; text-align:center; min-height:auto; padding:50px 5% 60px; border-radius:0 0 30px 30px; gap:30px; }
    .hero-content { max-width:100%; }
    .hero-content h1 { font-size:4.5rem; }
    .hero-content p  { max-width:100%; margin:0 auto 25px; }
    .hero-img { max-width:75%; margin:0 auto; border-radius:30px; }

    /* Acerca home */
    .acerca-container { flex-direction:column; text-align:center; }
    .acerca-img { width:80%; margin:0 auto; }
    .acerca-texto { width:100%; text-align:center; }

    /* Productos page */
    .producto-card { grid-template-columns:1fr; margin-bottom:40px; }
    .producto-card .producto-img { grid-column:1; grid-row:1; height:280px; width:100%; }
    .producto-card h2 { grid-column:1; font-size:2.8rem; padding:25px 25px 8px; }
    .producto-card > p { grid-column:1; padding:0 25px; }
    .sabores-container { grid-column:1; padding:0 25px 30px; }
    .productos-page h1 { font-size:4rem; }

    /* Acerca page */
    .acerca-page { padding:50px 5%; }
    .acerca-info { flex-direction:column; gap:30px; }
    .about-img { max-width:100%; box-shadow:10px 10px 0 #FDD8E4; }
    .acerca-text { min-width:unset; }
    .creadora { padding:40px 25px; }
    .acerca-page h1 { font-size:4rem; margin-bottom:40px; }

    /* Contacto page */
    .contacto-page { margin:50px 20px; padding:50px 30px; }
    .contacto-form { max-width:100%; }

    /* Carrito */
    .carrito-page { padding:50px 4%; }
    .carrito-total { align-self:stretch; min-width:unset; width:100%; text-align:center; }
    .carrito-total .btn-primary { width:100%; }

    /* Modal responsive */
    .modal-box { border-radius:20px; }
    .modal-header { padding:20px; }
    .modal-header h2 { font-size:2.2rem; }
    .modal-body { padding:20px; gap:12px; }
    .modal-footer { padding:15px 20px; flex-direction:column; }
    .modal-footer .btn-primary,
    .modal-footer .btn-secondary { width:100%; text-align:center; }
    .form-row { grid-template-columns:1fr; }

    /* Admin */
    .admin-sidebar { width:100%; min-height:auto; position:relative; flex-direction:row; flex-wrap:wrap; padding:15px 20px; gap:10px; }
    .admin-panel { flex-direction:column; }
    .admin-main { margin-left:0; padding:20px; }
    .sidebar-nav { flex-direction:row; flex-wrap:wrap; gap:6px; flex:none; }
    .sidebar-link { padding:8px 14px; font-size:.9rem; }
    .sidebar-footer { flex-direction:row; padding-top:0; border-top:none; border-left:1px solid #eee; padding-left:15px; }
    .pedido-detail-panel { width:100%; right:-100%; }
    .pedido-detail-panel.open { right:0; }
    .admin-sidebar .sidebar-logo { height:55px; margin:0; }
}

/* ── Mobile 576px ── */
@media (max-width: 576px) {
    .navbar .logo-img { height:70px; }
    .hero-content h1  { font-size:3.5rem; }
    .hero-img         { max-width:90%; }
    .grid-productos   { grid-template-columns:1fr 1fr; gap:20px; }
    .contacto         { margin:40px 15px; padding:40px 20px; }
    .contacto h2      { font-size:3.5rem; }
    .acerca           { padding:50px 4%; }
    .acerca-img       { width:100%; }
    .productos-page   { padding:50px 4%; }
    .productos-page h1 { font-size:3.2rem; }
    .sabores-container h3 { font-size:1.5rem; }
    .sabor-item img   { width:50px !important; height:50px !important; }
    .contacto-page    { margin:30px 15px; padding:40px 20px; }
    .contacto-page h1 { font-size:3.5rem; }
    .contacto-page p  { font-size:1.1rem; }
    .tabla-carrito th { font-size:1.2rem; padding:12px 10px; }
    .tabla-carrito td { padding:12px 10px; font-size:.85rem; }
    .tabla-carrito th:nth-child(3),
    .tabla-carrito td:nth-child(3) { display:none; }
    .carrito-total h3 { font-size:2.2rem; }
    .acerca-page h1   { font-size:3.2rem; }
    .acerca-text p    { font-size:1.05rem; }
    .creadora         { padding:35px 20px; }
    .creadora-img     { width:140px; height:140px; }
    .admin-section-header { flex-direction:column; align-items:flex-start; gap:12px; }
    .admin-section-header h1 { font-size:2.8rem; }
    .admin-table th   { font-size:1.2rem; padding:12px 10px; }
    .admin-table td   { padding:10px; font-size:.82rem; }
    .login-box        { padding:40px 25px; }
    .login-box h2     { font-size:2.5rem; }
    .admin-main       { padding:15px; }
    .admin-filters    { flex-direction:column; align-items:stretch; }
}

/* ── Mobile SM 375px ── */
@media (max-width: 375px) {
    .navbar .logo-img { height:60px; }
    nav#nav-menu a    { font-size:.95rem; }
    .hero-content h1  { font-size:2.8rem; }
    .hero-content p   { font-size:1rem; }
    .grid-productos   { grid-template-columns:1fr; }
    .contacto         { margin:30px 10px; }
    .producto-card h2 { font-size:2.2rem; padding:20px 15px 8px; }
    .sabores-container { padding:0 15px 25px; }
    .contacto-page    { margin:20px 10px; padding:30px 15px; }
    .contacto-page h1 { font-size:2.8rem; }
    .acerca-page      { padding:30px 4%; }
    .acerca-page h1   { font-size:2.8rem; }
    .creadora         { padding:25px 15px; }
    .creadora-img     { width:110px; height:110px; }
    .modal-box        { max-height:95vh; }
    .modal-header h2  { font-size:2rem; }
    .caja-card        { padding:25px 15px; }
    .admin-main       { padding:12px; }
}