/*
Theme Name: Pitimini
Theme URI: https://pitimini.es
Author: Indi
Description: Theme para wedding & event planner. Todos los textos e imagenes editables desde el Personalizador.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: pitimini
*/

/* ---------- Base ---------- */
:root{
	--pit-bg:#FDF8F1;
	--pit-header:#FAE9D3;
	--pit-footer:#8B5E3C;
	--pit-accent:#C98A5B;
	--pit-text:#2B2523;
	--pit-muted:#6B605A;
	--pit-line:#D9C7B4;
	--pit-serif:"Cormorant Garamond",Georgia,serif;
	--pit-sans:"Jost",-apple-system,"Segoe UI",sans-serif;
	--pit-script:"Parisienne",cursive;
	--pit-max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;background:var(--pit-bg);color:var(--pit-text);
	font-family:var(--pit-sans);font-weight:300;font-size:16px;line-height:1.7;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--pit-serif);font-weight:400;margin:0;letter-spacing:.02em}
p{margin:0 0 1.1em}
.pit-wrap{max-width:var(--pit-max);margin:0 auto;padding:0 24px}
.pit-narrow{max-width:760px;margin:0 auto}
.pit-center{text-align:center}
.pit-eyebrow{
	font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--pit-muted);
	margin:0 0 14px;
}
.pit-title{font-size:clamp(28px,4.4vw,48px);line-height:1.15;letter-spacing:.04em}
.pit-title--upper{text-transform:uppercase}
.pit-sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pit-muted);margin-top:8px}
.pit-lead{color:var(--pit-muted);font-size:15.5px}
.pit-section{padding:96px 0}
.pit-rule{height:1px;background:var(--pit-line);border:0;max-width:900px;margin:0 auto}

/* ---------- Botones ---------- */
.pit-btn{
	display:inline-block;border:1px solid var(--pit-line);background:transparent;
	padding:12px 34px;font-family:var(--pit-serif);font-style:italic;font-size:17px;
	letter-spacing:.03em;transition:.35s ease;cursor:pointer;color:var(--pit-text);
}
.pit-btn:hover{background:var(--pit-header);border-color:var(--pit-accent)}
.pit-btn--solid{background:var(--pit-footer);color:#fff;border-color:var(--pit-footer);font-style:normal;font-family:var(--pit-sans)}
.pit-btn--solid:hover{opacity:.88;background:var(--pit-footer);color:#fff}
.pit-btn--wide{display:block;width:100%;text-align:center}

/* ---------- Header ---------- */
.pit-header{background:var(--pit-header);position:relative;z-index:20}
.pit-header__inner{
	max-width:var(--pit-max);margin:0 auto;padding:26px 24px;
	display:flex;align-items:center;justify-content:space-evenly;gap:24px;
}
.pit-logo{display:flex;flex-direction:column;align-items:center;line-height:1}
.pit-logo__text{font-family:var(--pit-script);font-size:38px;letter-spacing:.02em}
.pit-logo__tag{font-family:var(--pit-serif);font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin-top:2px}
.pit-logo img{max-height:80px;width:auto}
.pit-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:38px;flex-wrap:wrap}
.pit-nav a{
	font-family:var(--pit-serif);font-size:17px;letter-spacing:.09em;text-transform:uppercase;
	padding-bottom:4px;border-bottom:1px solid transparent;transition:.3s;
}
.pit-nav a:hover,.pit-nav .current-menu-item>a{border-color:var(--pit-accent)}
.pit-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.pit-burger span{display:block;width:26px;height:1.5px;background:var(--pit-text);margin:5px 0;transition:.3s}
.pit-burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.pit-burger.is-open span:nth-child(2){opacity:0}
.pit-burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ---------- Hero ---------- */
.pit-hero{position:relative;background:#cbbba8}
.pit-hero__img{width:100%;height:clamp(320px,62vh,660px);object-fit:cover;display:block}
.pit-wave{position:absolute;top:-1px;left:0;width:100%;height:46px;color:var(--pit-header);z-index:5;pointer-events:none}
.pit-wave svg{width:100%;height:100%;display:block}
.pit-hero--flat .pit-wave{display:none}

/* ---------- Home: bloque servicios ---------- */
.pit-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pit-split__media{position:relative;padding:26px 0 26px 26px}
.pit-split__media::before{
	content:"";position:absolute;inset:0 26px 0 0;background:var(--pit-header);
}
.pit-split__media img{position:relative;width:100%;aspect-ratio:4/3.2;object-fit:cover}
.pit-split__body{text-align:center}
.pit-split__body .pit-title{font-size:clamp(22px,2.5vw,30px);text-transform:uppercase;line-height:1.4}

/* ---------- Home: nosotras ---------- */
.pit-about{position:relative;padding:90px 0;background:var(--pit-header)}
.pit-about__bg{
	position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5;
}
.pit-about__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.pit-about__photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
.pit-about__body{text-align:center;max-width:460px;margin:0 auto}

/* ---------- Home: testimonios ---------- */
.pit-testi{padding:110px 0;text-align:center;background:#fff}

/* ---------- Instagram / footer social ---------- */
.pit-insta{background:var(--pit-footer);color:#F6EADD;padding:72px 0;text-align:center}
.pit-insta a{text-decoration:underline;text-underline-offset:4px}
.pit-insta__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:34px 0 30px}
.pit-insta__grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
.pit-insta__ph{background:#a67b58;aspect-ratio:3/4}
.pit-insta__social{display:flex;justify-content:center;gap:16px;margin-bottom:18px}
.pit-insta__social a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#F6EADD;color:var(--pit-footer)}
.pit-insta__social svg{width:19px;height:19px;fill:currentColor}
.pit-insta__tag{font-size:14px;opacity:.92;line-height:1.6}

/* ---------- Footer ---------- */
.pit-footer{background:var(--pit-bg);padding:34px 0}
.pit-footer__inner{
	display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:26px;
	font-family:var(--pit-serif);font-style:italic;font-size:15.5px;text-align:center;
}
.pit-footer__col{padding:0 26px;border-left:1px solid var(--pit-line);line-height:1.55}
.pit-footer__col:first-child{border-left:0}
.pit-footer__col a:hover{color:var(--pit-accent)}
.pit-footer__ig{display:inline-block;vertical-align:middle;margin-left:10px}
.pit-footer__ig svg{width:22px;height:22px;fill:currentColor}

/* ---------- Página servicios ---------- */
.pit-steps{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 40px;
	max-width:760px;margin:52px auto 0;text-align:center;
}
.pit-step__num{font-family:var(--pit-serif);font-size:19px;color:var(--pit-accent);margin-bottom:8px}
.pit-step__txt{font-size:14.5px;color:var(--pit-muted);line-height:1.6}
.pit-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin-top:48px}
.pit-card{text-align:center}
.pit-card__img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#FBDCC4}
.pit-card__ph{width:100%;aspect-ratio:3/4;background:#FBDCC4}
.pit-card h3{font-size:17px;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 10px}
.pit-card p{font-size:14px;color:var(--pit-muted);line-height:1.6}
.pit-card .pit-btn{font-size:15px;padding:8px 20px;border-color:transparent;background:var(--pit-header)}

/* ---------- Página nosotras ---------- */
.pit-nos__title{display:block;margin-top:6px}
.pit-nos__title span{
	display:inline-block;background:var(--pit-header);
	padding:10px 60px 6px;line-height:1.1;
}
.pit-nos__gallery{display:grid;gap:0;margin-top:56px;grid-template-columns:1fr}
.pit-nos__gallery--2{grid-template-columns:1fr 1.6fr}
.pit-nos__gallery--3{grid-template-columns:repeat(3,1fr)}
.pit-nos__gallery--4{grid-template-columns:repeat(2,1fr);gap:8px}
.pit-nos__gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}

/* ---------- Testimonios ---------- */
.pit-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px;text-align:center}
.pit-quote__name{font-family:var(--pit-sans);font-weight:300;font-size:22px;margin-bottom:20px}
.pit-quote__text{color:var(--pit-muted);font-size:15px;line-height:1.65}
.pit-quote__text p{margin-bottom:1.2em}
.pit-quote__date{font-family:var(--pit-serif);font-style:italic;font-size:16px;margin:6px 0 0}

/* ---------- Papelería ---------- */
.pit-pap__banner{width:100%;max-height:420px;object-fit:cover;margin:44px 0 0}
.pit-pap__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:56px}
.pit-pap__card{background:#FFF6E9;padding:36px 34px;text-align:center}
.pit-pap__card h2{font-size:26px;margin-bottom:24px}
.pit-pap__img{max-width:320px;margin:0 auto 26px}
.pit-pap__img img{width:100%;height:auto}
.pit-pap__text{color:var(--pit-muted);font-size:14.5px;line-height:1.65}

/* ---------- Contacto ---------- */
.pit-contact{padding:70px 0 90px}
.pit-form{max-width:820px;margin:44px auto 0}
.pit-form__legend{font-size:15px;color:var(--pit-muted);margin-bottom:22px}
.pit-radio{display:flex;align-items:center;gap:12px;margin-bottom:14px;cursor:pointer}
.pit-radio input{width:16px;height:16px;accent-color:var(--pit-footer)}
.pit-radio span{font-family:var(--pit-serif);font-style:italic;font-size:19px;text-transform:uppercase;letter-spacing:.03em}
.pit-field{margin-top:26px}
.pit-field label{display:block;font-size:14.5px;color:var(--pit-muted);margin-bottom:8px}
.pit-field input,.pit-field textarea{
	width:100%;padding:12px 14px;border:1px solid #C9BCAE;background:transparent;
	font-family:var(--pit-sans);font-size:15px;color:var(--pit-text);border-radius:0;
}
.pit-field textarea{min-height:110px;resize:vertical}
.pit-field input:focus,.pit-field textarea:focus{outline:1px solid var(--pit-accent);border-color:var(--pit-accent)}
.pit-form .pit-btn--solid{margin-top:32px}
.pit-notice{padding:14px 18px;margin-bottom:24px;font-size:15px;border:1px solid var(--pit-line);background:var(--pit-header)}
.pit-notice--err{border-color:#c0705a;background:#f8e6e0}

/* ---------- Contenido genérico ---------- */
.pit-page{padding:80px 0}
.pit-page h1,.pit-page h2{margin-bottom:18px}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
	.pit-cards{grid-template-columns:repeat(3,1fr);gap:30px}
	.pit-nav ul{gap:22px}
	.pit-nav a{font-size:15px}
}
@media(max-width:860px){
	.pit-section{padding:64px 0}
	.pit-split,.pit-about__grid{grid-template-columns:1fr;gap:36px}
	.pit-split__media{padding:16px 0 16px 16px}
	.pit-about__photo{max-width:420px;margin:0 auto}
	.pit-insta__grid{grid-template-columns:repeat(3,1fr)}
	.pit-quotes{grid-template-columns:1fr;gap:52px}
	.pit-pap__grid{grid-template-columns:1fr}
	.pit-nos__gallery,.pit-nos__gallery--2,.pit-nos__gallery--3,.pit-nos__gallery--4{grid-template-columns:1fr;gap:8px}
	.pit-nos__title span{padding:8px 24px 4px}
	.pit-burger{display:block}
	.pit-header__inner{align-items:center}
	.pit-nav{
		display:none;position:absolute;top:100%;left:0;width:100%;
		background:var(--pit-header);padding:18px 24px 26px;border-top:1px solid var(--pit-line);
	}
	.pit-nav.is-open{display:block}
	.pit-nav ul{flex-direction:column;gap:16px;align-items:center}
	.pit-footer__inner{flex-direction:column;gap:16px}
	.pit-footer__col{border-left:0;padding:0}
}
@media(max-width:560px){
	.pit-cards{grid-template-columns:1fr;max-width:320px;margin-inline:auto}
	.pit-steps{grid-template-columns:1fr 1fr;gap:34px 20px}
	.pit-insta__grid{grid-template-columns:repeat(2,1fr)}
}
