/*
Theme Name: Recreo Escolar
Description: Portada y tienda de fotografía escolar para Andrés Locati.
Version: 1.0.0
Author: Recreo Escolar
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: recreo-escolar
*/
:root{--sky:#a7d5ff;--muted:#6184a4;--blue:#305577;--navy:#1b3c5a;--ink:#06182a;--paper:#f3f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blue);text-underline-offset:4px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #305577;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;z-index:10;background:white;padding:12px}.header{background:white;border-bottom:1px solid #dce6ee}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;line-height:1.2;letter-spacing:.04em}.brand img{width:62px;height:70px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:var(--blue);margin-top:7px}.nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.nav a{font-size:14px;text-decoration:none;color:var(--ink)}.nav a:hover{text-decoration:underline}.nav .cart{border:1px solid #c9d7e3;padding:9px 15px;border-radius:99px}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;min-height:630px;padding-top:65px;padding-bottom:65px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:750;display:block;margin-bottom:22px}.hero .eyebrow{color:var(--sky)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(42px,5.3vw,72px)/1.04 Georgia,serif;letter-spacing:-.045em;margin-bottom:25px}h1 em{color:var(--sky);font-weight:normal}.lead{max-width:475px;color:#d0deeb;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button,a.button,.woocommerce a.button,.woocommerce button.button.alt{display:inline-block;background:var(--navy);color:white;padding:14px 23px;border:1px solid transparent;border-radius:6px;font-weight:650;text-decoration:none;line-height:1.4}.hero .button{background:var(--sky);color:var(--ink)}.hero .secondary{background:transparent;color:white;border-color:#6184a4}.button:hover{filter:brightness(1.1)}.album{position:relative;background:#fff;padding:34px 35px 22px;transform:rotate(5deg);box-shadow:16px 18px 0 #305577,-15px -14px 0 #1b3c5a;margin:20px 30px;color:var(--ink)}.album img{width:100%;height:290px;object-fit:contain;display:block;background:#ecf5fc;padding:25px}.album p{font:italic 22px Georgia,serif;text-align:center;margin:22px 0 3px}.hero-note{font-size:12px;color:#c0d2e1;margin-top:26px}.strip{background:var(--sky);padding:17px 0}.strip .wrap{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.06em}.section{padding:76px 0}.section h2{font:normal clamp(30px,3vw,43px)/1.15 Georgia,serif;letter-spacing:-.03em;margin-bottom:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head p{max-width:420px;color:#425d73;font-size:15px;margin-bottom:0}.section .eyebrow{color:var(--blue);margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid #d7e2eb;border-radius:9px;overflow:hidden;padding:25px}.card h3{font-size:21px;margin-bottom:12px}.card img{width:100%;height:210px;object-fit:cover;margin-bottom:20px;border-radius:4px}.card a{font-weight:650}.empty{border:1px dashed #8faabd;border-radius:8px;padding:28px;max-width:100%;color:#425d73}.empty p{margin:0 0 8px}.orders{background:#e2edf6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.step{border-top:1px solid #b8cbdc;padding-top:22px}.step span{color:var(--blue);font:28px Georgia,serif}.step h3{margin:12px 0;font-size:20px}.step p{font-size:15px;color:#425d73}.contact{background:var(--navy);color:white;padding:55px 0}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font:36px Georgia,serif;margin-bottom:12px}.contact p{color:#d5e6f5;margin-bottom:0}.contact .button{background:var(--sky);color:var(--ink)}.footer{background:var(--ink);color:#adc3d5;padding:28px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#d6e8f7}.content{min-height:55vh;padding-top:45px;padding-bottom:70px;overflow-wrap:anywhere}.content h1{font-size:43px}.content .entry{background:white;padding:clamp(18px,3vw,40px);border:1px solid #dce6ee;border-radius:8px}.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{padding:11px;border:1px solid #9bb1c3;border-radius:4px;max-width:100%}.woocommerce table.shop_table{background:white}.woocommerce div.product .product_title{font-size:38px}.woocommerce .woocommerce-breadcrumb{color:#425d73}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue)}.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--navy);color:#fff;border-radius:5px}.woocommerce a.remove{line-height:1}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.header .wrap{padding:15px 0;flex-wrap:wrap}.nav{gap:18px}.hero-grid{grid-template-columns:1fr;gap:35px;padding:45px 0 55px}.hero h1{max-width:600px}.album{max-width:390px;margin:20px auto;width:85%}.album img{height:230px}.cards{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head p{margin-top:20px}.steps{gap:22px}.contact .wrap{align-items:start;flex-direction:column}.section{padding:50px 0}.strip .wrap{flex-wrap:wrap}}
@media(max-width:500px){.wrap{width:calc(100% - 32px)}.brand img{width:45px;height:52px}.nav{width:100%;justify-content:space-between;gap:8px}.nav a{font-size:12px}.nav .cart{padding:6px 10px}.cards,.steps{grid-template-columns:1fr}.hero h1{font-size:47px}.actions{flex-direction:column}.actions a{text-align:center}.strip .wrap{font-size:11px}.album{padding:23px 23px 18px}.album p{font-size:19px}.content h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}