@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');:root{--bg:#161716;--cream:#fff0da;--gold:#f5c951;--wine:#850d32;--text:#f9ecd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:radial-gradient(ellipse at 90% 0,#25251d 0,transparent 35%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:10;background:#121312f5;border-bottom:2px solid var(--gold)}.head-inner{max-width:1380px;margin:auto;min-height:86px;display:flex;align-items:center;gap:24px;padding:8px 30px}.logo{order:1;margin:auto 10px}.logo img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.languages{order:0;display:flex;border:1px solid var(--gold);border-radius:30px;overflow:hidden;flex-shrink:0}.languages button{background:transparent;color:white;border:0;padding:9px 13px;cursor:pointer;font-weight:700}.languages button.active{background:var(--gold);color:#161616}.head-inner nav{order:2;display:flex;gap:21px;align-items:center;flex-wrap:wrap}.head-inner nav a{font-size:13px;font-weight:700;white-space:nowrap}.head-inner nav a:hover{color:var(--gold)}.menu{display:none}.hero,.section{max-width:1280px;margin:auto}.hero{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:450px;padding:40px 35px 20px}.hero-text{padding:15px 10px 15px 10px;position:relative;z-index:1}.overline{letter-spacing:2px;font-size:12px;color:var(--gold);font-weight:700}.hero h1{font:italic 500 clamp(43px,5vw,72px)/1.08 'Playfair Display',Georgia,serif;margin:16px 0}.hero h1 em{color:var(--gold);display:block}.gold-line,.heartline{color:var(--gold);font-size:26px;letter-spacing:4px;margin:12px 0}.hero p{line-height:1.65;max-width:400px}.hero-img img{width:100%;height:420px;object-fit:cover;border-radius:24px;mask-image:linear-gradient(90deg,transparent 0%,black 12%)}.btn{display:inline-block;background:var(--wine);color:white;border:1px solid #e7a3ad;padding:13px 22px;border-radius:40px;font-weight:700;text-align:center;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.section{padding:55px 35px}.center-heading,.materials h2,.how h2{font:italic 500 clamp(29px,3vw,42px) 'Playfair Display',Georgia,serif;text-align:center;margin:0}.center-sub{text-align:center;margin:8px 0}.heartline{text-align:center;margin:5px 0 26px}.spaces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.space{background:var(--cream);border-radius:20px;overflow:hidden;text-align:center;color:var(--wine);box-shadow:0 10px 20px #0005;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.space img{height:168px;width:100%;object-fit:cover}.space strong{font:italic 600 22px/1.15 'Playfair Display',Georgia,serif;padding:15px 10px 8px;flex:1}.round-arrow{background:var(--wine);color:white;padding:3px 14px;border-radius:30px}.section-title{text-align:center;margin-bottom:32px}.section-title h2{font:italic 500 clamp(35px,5vw,65px) 'Playfair Display',Georgia,serif;margin:10px}.section-title h2 em{font-style:normal;color:var(--gold);font-weight:700}.section-title p{font-size:17px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{border:3px solid #f5e9cd;border-radius:25px;background:var(--cream);color:#221a18;overflow:hidden;box-shadow:0 10px 20px #0005;display:flex;flex-direction:column}.product img{width:100%;height:205px;object-fit:cover}.product-info{padding:17px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.product h3{font:italic 600 25px 'Playfair Display',Georgia,serif;color:var(--wine);margin:0 0 7px}.product p{font-size:14px;line-height:1.45;margin:0 0 17px;flex:1}.btn.small{font-size:12px;padding:11px 14px}.photo-note{font-size:12px;color:#c5b7a0;text-align:center;margin-top:22px}.materials{border-top:1px solid #b58b36;border-bottom:1px solid #b58b36}.materials h2{color:var(--gold)}.material-items{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px;text-align:center}.material-items span{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:33px}.material-items b{font-size:14px;color:white}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;margin-top:35px;background:linear-gradient(115deg,#fff0da,#ffedd2);color:#241a18;border-radius:28px;overflow:hidden;padding:0;min-height:400px;border:2px solid #eadab8}.feature-image{height:100%}.feature-image img{width:100%;height:100%;min-height:400px;object-fit:cover}.feature-content{padding:36px 40px}.feature h2{font:italic 600 clamp(32px,3.8vw,53px) 'Playfair Display',Georgia,serif;color:var(--wine);margin:0}.feature .heartline{text-align:left;margin:5px 0 16px}.feature-content>p{font-size:16px;line-height:1.65}.mini-steps{margin:20px 0 25px}.mini-steps p{margin:10px 0;font-weight:600}.how{padding-top:80px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.how-grid>div{border:1px solid #ac8d4e;border-radius:18px;padding:25px}.how-grid span{color:var(--gold);font-size:30px}.how-grid h3{color:var(--gold);font:italic 25px 'Playfair Display',Georgia,serif;margin:10px 0}.how-grid p{font-size:14px;line-height:1.6}.contact{max-width:none;background:linear-gradient(100deg,#5b0d29,#970d3c);text-align:center;margin-top:30px}.contact h2{font:italic 500 44px 'Playfair Display',Georgia,serif;margin:0}.contact-buttons{display:flex;justify-content:center;gap:16px;margin-top:25px}.whatsapp{background:#2b783d}footer{text-align:center;padding:22px;color:#cdbd9c;font-size:12px}@media(max-width:950px){.head-inner{flex-wrap:wrap;justify-content:space-between}.logo{margin:0;order:0}.languages{order:1}.menu{display:block;order:2;background:none;border:1px solid var(--gold);color:var(--gold);padding:8px 12px;border-radius:8px}.head-inner nav{display:none;order:3;flex-basis:100%;padding:15px 0}.head-inner nav.open{display:flex}.spaces{gap:9px}.space img{height:130px}.space strong{font-size:17px}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.head-inner{padding:7px 16px;min-height:70px}.logo img{width:54px;height:54px}.hero{grid-template-columns:1fr;padding:22px 18px}.hero-text{padding:10px}.hero-img img{height:255px;mask-image:none}.section{padding:38px 16px}.spaces{grid-template-columns:repeat(2,1fr);gap:12px}.space img{height:155px}.space:last-child{grid-column:span 2;max-width:230px;justify-self:center;width:100%}.products{gap:12px}.product img{height:145px}.product-info{padding:12px 8px}.product h3{font-size:20px}.product p{font-size:12px}.btn.small{font-size:11px;padding:10px 7px}.material-items{grid-template-columns:repeat(3,1fr)}.feature{display:flex;flex-direction:column;margin:25px 15px;padding:0}.feature-image{width:100%;height:240px}.feature-image img{height:240px;min-height:0}.feature-content{padding:25px}.how-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column;align-items:center}.contact h2{font-size:36px}}
/* Mi Toly Studio: refinements approved 15 November 2026 */
.site-header{background:linear-gradient(135deg,#171817f7,#101110fa),repeating-linear-gradient(28deg,#ffffff04 0 1px,transparent 1px 7px);border-bottom:2px solid #cba94e}
.head-inner{max-width:1450px;min-height:112px;gap:16px;padding:8px 28px}
.logo{order:1;margin:0 15px;flex:0 0 auto;position:relative;z-index:2}
.logo img{width:112px;height:112px;border:2px solid #d6af47;box-shadow:0 3px 16px #000a;background:#0f1010}
.head-inner nav{gap:0;justify-content:space-between;flex:1;flex-wrap:nowrap}
.head-inner nav a{font-size:clamp(11px,.92vw,14px);padding:12px 10px;border-right:1px solid #bb943e70;font-weight:600}
.head-inner nav a:last-child{border-right:0;color:var(--gold)}
.head-inner nav a:first-child{color:var(--gold);border-bottom:2px solid var(--gold)}
.material-items{gap:22px;align-items:start}
.material-item{display:flex;flex-direction:column;align-items:center;gap:10px}
.material-item img{width:94px;height:94px;object-fit:cover;border-radius:50%;border:2px solid #e7c15a;box-shadow:0 6px 18px #0007;background:#f8e8cd}
.material-item b{font-size:14px;color:white}
#contacte .contact-buttons{margin-top:24px}
#contacte .btn{min-width:190px}
@media(max-width:1100px){.head-inner{gap:10px;padding:8px 18px}.logo{margin:0 5px}.logo img{width:94px;height:94px}.head-inner nav a{padding:9px 6px;font-size:11px}}
@media(max-width:950px){.head-inner{min-height:92px;justify-content:space-between}.logo{order:0;margin:0}.logo img{width:82px;height:82px}.languages{order:1}.menu{order:2}.head-inner nav{display:none;order:3;flex:0 0 100%;flex-wrap:wrap;gap:4px;padding:12px 0}.head-inner nav.open{display:flex}.head-inner nav a{font-size:14px;padding:12px;border:0;min-width:44%;text-align:center}}
@media(max-width:650px){.head-inner{min-height:75px}.logo img{width:76px;height:76px}.material-items{grid-template-columns:repeat(3,1fr);gap:20px 8px}.material-item img{width:76px;height:76px}.material-item b{font-size:12px}}

/* Cabecera definitiva: logotipo realmente centrado, independiente del menú */
@media(min-width:951px){
 .head-inner{position:relative;max-width:1600px;min-height:122px;display:block;padding:0 26px}
 .head-inner .languages{position:absolute;left:26px;top:50%;transform:translateY(-50%);z-index:4}
 .head-inner .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:5}
 .head-inner .logo img{width:120px;height:120px;object-fit:cover}
 .head-inner nav{height:122px;width:100%;display:grid;grid-template-columns:minmax(105px,1fr) minmax(95px,1fr) minmax(145px,1.25fr) 145px minmax(115px,1.1fr) minmax(120px,1fr) minmax(160px,1.35fr) minmax(90px,.8fr);align-items:center;gap:0;padding-left:132px}
 .head-inner nav a{text-align:center;justify-self:stretch;padding:12px 5px;font-size:clamp(10px,.78vw,14px)}
 .head-inner nav a:nth-child(1){grid-column:1}
 .head-inner nav a:nth-child(2){grid-column:2}
 .head-inner nav a:nth-child(3){grid-column:3}
 .head-inner nav a:nth-child(4){grid-column:5}
 .head-inner nav a:nth-child(5){grid-column:6}
 .head-inner nav a:nth-child(6){grid-column:7}
 .head-inner nav a:nth-child(7){grid-column:8}
}
@media(min-width:951px) and (max-width:1350px){
 .head-inner{padding:0 12px}
 .head-inner .languages{left:12px}
 .head-inner nav{padding-left:100px;grid-template-columns:minmax(70px,1fr) minmax(75px,1fr) minmax(115px,1.2fr) 124px minmax(95px,1fr) minmax(95px,1fr) minmax(130px,1.2fr) minmax(75px,.8fr)}
 .head-inner .logo img{width:108px;height:108px}
 .head-inner nav a{font-size:10px}
}

/* Ajuste exclusivo de cabecera móvil: logo centrado, idioma izquierda, menú derecha */
@media(max-width:950px){
 .head-inner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:106px;padding:9px 18px;gap:0}
 .head-inner .languages{order:0;position:relative;z-index:2;margin:0;flex-shrink:0}
 .head-inner .languages button{padding:9px 12px}
 .head-inner .logo{order:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2}
 .head-inner .logo img{width:82px;height:82px}
 .head-inner .menu{order:2;position:relative;z-index:2;margin-left:auto}
 .head-inner nav{order:3;flex-basis:100%;width:100%;position:absolute;top:100%;left:0;background:#121312;padding:12px 18px;border-bottom:2px solid var(--gold);z-index:3}
 .head-inner nav.open{display:flex}
}
@media(max-width:650px){
 .head-inner{min-height:96px;padding:8px 14px}
 .head-inner .logo img{width:78px;height:78px}
 .head-inner .languages button{padding:8px 11px}
}
@media(max-width:390px){
 .head-inner .logo img{width:70px;height:70px}
 .head-inner .languages button{padding:7px 8px;font-size:12px}
 .head-inner .menu{padding:7px 10px}
}

/* Centrado de los textos de portada en escritorio y movil; sin modificar el resto */
.hero .hero-text{text-align:center}
.hero .hero-text p{margin-left:auto;margin-right:auto}
.hero .hero-text .gold-line{text-align:center}
@media(max-width:950px){.hero .hero-text{text-align:center}}

/* Menú más visible: conserva logotipo centrado y textos de portada aprobados */
@media(min-width:1351px){
 .head-inner nav a{font-size:clamp(13px,1.02vw,16px);font-weight:700;letter-spacing:.015em;line-height:1.35}
}
@media(min-width:951px) and (max-width:1350px){
 .head-inner nav a{font-size:clamp(11px,.95vw,13px);font-weight:700;letter-spacing:0;line-height:1.35}
}
@media(max-width:950px){
 .head-inner nav a{font-size:18px;font-weight:700;line-height:1.4;padding:15px 12px;letter-spacing:.015em}
}
@media(max-width:390px){
 .head-inner nav a{font-size:17px;padding:14px 9px}
}