/* Piettro: carbon 60%, blanco calido 25%, magenta 10%, naranjo 5%. */
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Archivo Black';src:url('assets/fonts/archivo-black.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--pink:#E6007E;--pink2:#E6007E;--ink:#FFF9F3;--muted:#C9C9C9;--line:#454045;--soft:#252025;--paper:#1c1c1c;--tomato:#FF6B21;--sun:#FF6B21;--basil:#FF6B21;--orange:#FF6B21}
html{color-scheme:dark}body{background:#111111;background-image:none;color:#FFF9F3;font-family:Montserrat,Arial,sans-serif;font-weight:400}
button,input,select,textarea{font-family:Montserrat,Arial,sans-serif}button,.btn,.secondary-button,.outline,nav a{font-weight:600}
h1,h2,h3,.section-title h2,.hero h1,.product h3,.promo h2,.modal-content h2,.checkout-dialog h2{font-family:'Archivo Black',Arial,sans-serif;font-weight:400!important;color:#FFF9F3;text-shadow:none;letter-spacing:-.025em}
p,small,.product p,.hero p,.promo p,.about p,.help-section p,.modal-content p,.checkout-intro,footer p{color:#C9C9C9;font-weight:400}
nav,.card-price-meta,.delivery-badge,label,summary,.notice,.summary-item{font-weight:500}
.notice{background:#211b16;color:#FFF9F3;border-bottom:1px solid #FF6B21}
.header{background:#111111;border-bottom:1px solid #454045;box-shadow:none}
.header nav a{background:transparent;color:#FFF9F3}.header nav a:hover{background:#282028;color:#FF6B21}
.header .brand{background:#E6007E;mix-blend-mode:screen;isolation:isolate;line-height:0;flex-shrink:0}
.header .brand img{display:block;background:transparent;width:210px;height:auto;max-height:none;border:0;border-radius:0;padding:0;object-fit:contain;filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:multiply}
.footer-brand .footer-logo{background:transparent;filter:invert(1) hue-rotate(180deg) saturate(2);mix-blend-mode:screen;width:210px;height:auto}
@media(max-width:640px){.header .brand img{width:160px;max-width:100%;height:auto}.header .brand{max-width:calc(100% - 110px)}}
@media(max-width:360px){.header .brand img{width:140px}}
.hero{background:#111111;background-image:radial-gradient(ellipse at 90% 50%,#FF6B2112,transparent 65%);border:0}
.hero::after{background:repeating-linear-gradient(90deg,#FF6B21 0 12px,transparent 12px 24px);height:3px}
.hero h1 span,.section-title b{color:#E6007E}
.hero .eyebrow,.modal-content .eyebrow,.section-title span{background:#241d18;color:#FF6B21;border-color:#FF6B21;box-shadow:none}
.hero .hero-pizza{background:#FFF9F3;border-color:#FFF9F3;box-shadow:9px 10px 0 #FF6B21}
.hero .delivery-badge{background:#211b16!important;color:#FFF9F3!important;border-color:#FF6B21;box-shadow:none}
.benefits{background:#1c1c1c;border-color:#454045}.benefits b{color:#C9C9C9;font-weight:500}
.btn,.checkout,.cart-mini,.mobile-cart,.add{background:#E6007E;color:#FFF9F3;border-color:#E6007E;box-shadow:0 4px 0 #8a004c;font-weight:600}
.btn:hover,.checkout:hover,.cart-mini:hover,.add:hover,.mobile-cart:hover{background:#FF6B21;color:#111111;box-shadow:0 4px 0 #82320c;filter:none}
.btn.ghost,.outline,.secondary-button,.back-button,.text-button{background:transparent;color:#FFF9F3;border-color:#E6007E;box-shadow:none}
.btn.ghost:hover,.outline:hover,.secondary-button:hover{background:#FF6B21;color:#111111;border-color:#FF6B21}
.categories,#menu,.help-section,.about{background:#111111;border-color:#454045}
.categories button{background:#1c1c1c!important;border-color:#454045!important;color:#FFF9F3!important;box-shadow:none!important}
.categories button.active,.categories button:hover{background:#E6007E!important;border-color:#E6007E!important;color:#FFF9F3!important}
.product,.product:nth-child(n){background:#1c1c1c;border-color:#454045;box-shadow:4px 5px 0 #080808}
.product:hover{border-color:#FF6B21;box-shadow:5px 7px 0 #080808}.product h3{color:#FFF9F3}
.tag{background:#FF6B21;color:#111111;font-weight:600}.product-img{background:#252525}
.product-bottom{border-color:#454045}.product .product-bottom .card-price,.product-actions #modalPrice{font-family:Montserrat,Arial,sans-serif;font-weight:700;color:#E6007E;background:none;border:0;padding-left:0;letter-spacing:-.02em}
.product .product-bottom .card-price{font-size:30px}.card-price-meta{color:#C9C9C9;font-weight:500}
.cart-item>b,.cart-summary .total b,#orderSummary .summary-amount,#orderSummary .summary-grand-total strong,#modalPrice,.promo strong{color:#E6007E;font-family:Montserrat,Arial,sans-serif;font-weight:700}
.cart-mini strong,.mobile-cart strong{color:#FFF9F3;font-weight:700}
.promo{background:#1c1c1c;background-image:none;border-color:#FF6B21;box-shadow:6px 6px 0 #080808}.promo::after{background:#FF6B21;width:5px}.promo span{color:#FF6B21}
.help-card,.faq-list details,.trust div{background:#1c1c1c;border-color:#454045;box-shadow:none}.help-card h3,.faq-list summary{color:#FFF9F3}
footer{background:#111111;border-top:3px solid #FF6B21;color:#FFF9F3}.footer-brand b,footer .map-link{color:#E6007E}.footer-brand small{color:#C9C9C9}
dialog,.cart-dialog,.checkout-dialog,.product-dialog,.modal-box,.modal-content,.cart-head,.cart-summary,.dialog-navigation{background:#1c1c1c!important;color:#FFF9F3!important;border-color:#454045}
dialog::backdrop{background:#000b}.cart-summary{border-top-color:#454045}
.cart-head h2,.checkout-dialog h2,.modal-content h2{color:#FFF9F3}
.close-button,.modal-close,.cart-head>button:not(.back-button),.qty button,.line-actions button,.cart-items .line-actions button{background:#363036;color:#FFF9F3}
.sizes button{background:#252025;border-color:#454045;color:#FFF9F3}.sizes button.selected{background:#E6007E;border-color:#E6007E;color:#FFF9F3}
#pizzaPreferences,.modal-content label.preference-option,#orderSummary,.summary-totals,.pickup-location,.empty{background:#252025;border-color:#454045;color:#FFF9F3}
.preference-option:has(input:checked){background:#382031!important;border-color:#E6007E!important}
.checkout-dialog input,.checkout-dialog select,.checkout-dialog textarea,#paymentOperation{background:#111111;color:#FFF9F3;border:1px solid #777}
.checkout-dialog input::placeholder,.checkout-dialog textarea::placeholder{color:#C9C9C9}
.summary-quantity{background:#363036}.summary-grand-total,.preference-shortcuts{border-color:#454045}
.pickup-location .map-link{color:#FF6B21}.checkout-dialog legend,.checkout-dialog label{color:#FFF9F3}
#confirmationError:not(:empty),.error:not(:empty){background:#3a1726;color:#FFF9F3;border:2px solid #E6007E;border-radius:12px;padding:16px}
.toast{background:#FFF9F3;color:#111111;border:2px solid #FF6B21;opacity:0}.toast.show{opacity:1}
.step-number{background:#FF6B21;color:#111111}.delivery-note{background:#241d18;color:#FFF9F3}
:focus-visible{outline:3px solid #FF6B21;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:640px){.hero h1{font-size:clamp(2rem,9vw,3rem)}.header nav a{border-color:#454045}.hero .hero-pizza{box-shadow:6px 7px 0 #FF6B21}.mobile-cart:not([hidden]){border-color:#E6007E;box-shadow:0 4px 0 #8a004c}.product .product-bottom .card-price{font-size:30px}.hero-actions .btn{font-weight:600}.product h3{font-size:1.45rem}}

/* Marcos rosados rectos; fotografías con su encuadre y proporción originales. */
.hero .hero-pizza{padding:0;border:2px solid var(--pink);border-radius:0;background:#111;box-shadow:none;transform:none}
.hero .hero-pizza img{border:0;border-radius:0}
.product,.product:nth-child(n){border:2px solid var(--pink);border-radius:0;box-shadow:none;padding:0;overflow:hidden}
.product:hover{border-color:var(--pink);box-shadow:none;transform:none}
.product .product-img{border-radius:0;border-bottom:1px solid var(--pink)}
.product .product-img img{width:100%;height:100%;object-fit:contain;transform:none;border:0;border-radius:0}
.product-bottom{border-top-color:var(--pink)}

/* V14: letra geométrica gruesa, similar al rótulo de referencia. */
:root{--display:'Archivo Black',Arial,sans-serif}
body,body *{
  font-family:'Archivo Black',Arial,sans-serif!important;
  font-weight:400!important;
  font-synthesis:none;
}
body{letter-spacing:0}
.product h3,.hero h1,.section-title h2{letter-spacing:0;overflow-wrap:anywhere}

.promotions-section{background:#fff7fc}.promotions-heading{margin-bottom:32px}.promotions-heading h2{color:#171214;text-shadow:none;line-height:1.05;letter-spacing:-.02em}.promotions-heading h2 b{color:#E6007E}.promotions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.promotion-card{background:#fff;border:2px solid var(--pink);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 32px rgba(46,0,26,.1)}.promotion-card img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;background:#f7f7f7;image-rendering:auto}.promotion-card>div{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1}.promotion-card h3{margin:0;color:var(--pink);font-size:1.45rem}.promotion-card p{margin:0;line-height:1.55;color:#5b4652;flex:1}.promotion-card .btn{width:100%;text-align:center}.promotion-info{border-color:#ff4b00}@media(max-width:900px){.promotions-grid{grid-template-columns:1fr 1fr}.promotions-heading h2{font-size:clamp(2rem,6vw,3.2rem)}}@media(max-width:640px){.promotions-grid{grid-template-columns:1fr}.promotion-card{width:100%;max-width:430px;margin:auto}.promotions-heading h2{font-size:clamp(1.75rem,9vw,2.35rem);overflow-wrap:normal}.promotion-card img{aspect-ratio:9/16}}

/* Separacion equilibrada entre promociones y presentacion. */
#promos.promotions-section{padding-bottom:42px}
#nosotros.about{margin-top:0;padding:56px 7%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid #343034;border-bottom:1px solid #343034}
#nosotros.about .eyebrow{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0 0 20px;padding:10px 18px;transform:none!important;rotate:none!important;border:1.5px solid #E6007E;border-radius:6px;background:#FFF9F3;color:#171214;box-shadow:none;line-height:1;white-space:nowrap}
#nosotros.about h2{margin:0 0 18px;color:#E6007E;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.08;text-align:center}
#nosotros.about p{margin:0 auto;max-width:820px;color:#FFF9F3;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;text-align:center}
@media(max-width:640px){#promos.promotions-section{padding-bottom:30px}#nosotros.about{padding:42px 20px}#nosotros.about .eyebrow{margin-bottom:16px}#nosotros.about h2{font-size:2rem;margin-bottom:14px}#nosotros.about p{font-size:1rem;line-height:1.55}}

/* Con 14 pizzas, centra las dos tarjetas de la ultima fila. */
@media(min-width:1051px){#productGrid{grid-template-columns:repeat(6,minmax(0,1fr))}#productGrid>.product{grid-column:span 2}#productGrid>.product:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}}
button,input,select,textarea{letter-spacing:0}
.product-bottom{flex-wrap:wrap}
.product .product-bottom .btn{max-width:100%}
/* Nombre corregido y rótulo vectorial sin filtros ni fondo. */
.header .brand{background:transparent;mix-blend-mode:normal;isolation:auto}
.header .brand img,.footer-brand .footer-logo{filter:none;mix-blend-mode:normal;background:transparent;object-fit:contain}
