/*
Theme Name: Donde está Lana
Description: Tema liviano para dondeestalana.cl, sin Elementor. Hecho a medida.
Version: 1.0.3
Author: Ana, Lana y Ed
Text Domain: dondeestalana
Requires at least: 6.5
*/

:root {
	--del-acento: #680404;
	--del-acento-suave: #F8F3F3;
	--del-crema: #FBF9ED;
	--del-naranja: #AD5207;
	--del-texto: #333333;
	--del-titulo: #181818;
	--del-gris: #7a7a7a;
	--del-radio: 20px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #fff;
	color: var(--del-texto);
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.6;
}
img, video, iframe { max-width: 100%; height: auto; }
a { color: var(--del-acento); }
h1, h2, h3, h4 { font-family: "Poppins", sans-serif; color: var(--del-titulo); font-weight: 600; line-height: 1.15; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

/* ---------- Cabecera ---------- */
.del-header { text-align: center; padding: 20px 20px 10px; }
.del-logo img { width: 180px; height: auto; display: inline-block; }
.del-nav ul { list-style: none; margin: 18px 0 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0; }
.del-nav li { display: flex; align-items: center; }
.del-nav li + li::before { content: "I"; font-family: "Montserrat", sans-serif; font-size: 12px; color: var(--del-titulo); margin: 0 14px; }
.del-nav a {
	font-family: "Montserrat", sans-serif; font-size: 15px; text-transform: uppercase; letter-spacing: .3px;
	color: var(--del-titulo); text-decoration: none; padding: 2px 30px; border-radius: 20px; transition: background .2s, color .2s;
}
.del-nav a:hover, .del-nav .current-menu-item > a, .del-nav .current_page_item > a { background: var(--del-acento-suave); color: var(--del-acento); }

/* ---------- Contenedores ---------- */
.del-main { padding: 60px 20px 40px; }
.del-ancho { max-width: 534px; margin: 0 auto; }
.del-ancho-medio { max-width: 760px; margin: 0 auto; }

/* ---------- Lista de aventuras (portada) ---------- */
.del-card { max-width: 660px; margin: 0 auto 70px; text-align: center; }
.del-card__img { display: block; max-width: 396px; margin: 0 auto 50px; }
.del-card__img img { width: 100%; aspect-ratio: 396/277; object-fit: cover; object-position: 50% 60%; border-radius: var(--del-radio); display: block; }
.del-card__titulo { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 30px; line-height: 1.1; margin: 0 0 18px; }
.del-card__titulo a { color: var(--del-titulo); text-decoration: none; }
.del-card__fecha { font-family: "Montserrat", sans-serif; font-size: 11px; color: var(--del-gris); margin-bottom: 14px; }
.del-card__extracto { font-family: "Montserrat", sans-serif; font-size: 15px; color: var(--del-gris); font-weight: 400; margin: 0 0 18px; }
.del-card__mas { font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 500; color: var(--del-acento); text-decoration: none; }
.del-paginacion { text-align: center; font-family: "Montserrat", sans-serif; }

/* ---------- Banda de suscripción ---------- */
.del-suscribe { display: grid; grid-template-columns: 42% minmax(0,1fr); background: var(--del-acento); color: #fff; min-height: 368px; }
.del-suscribe--caja { max-width: 1202px; margin: 0 auto; }
.del-suscribe__foto { background-size: cover; background-position: 40% 40%; min-height: 260px; }
.del-suscribe__texto { padding: 60px 9% 60px 69px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.del-suscribe h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 40px; color: #fff; margin: 0 0 22px; max-width: 440px; }
.del-suscribe p { font-size: 14px; font-weight: 400; margin: 0 0 34px; max-width: 440px; }
.del-form { display: flex; gap: 23px; flex-wrap: wrap; max-width: 526px; }
.del-form input[type=email] {
	flex: 1 1 220px; min-width: 0; background: transparent; border: 2px solid #fff; color: #fff; padding: 12px 15px;
	font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 16px; border-radius: 0;
}
.del-form input[type=email]::placeholder { color: #e8d7c8; }
.del-form button {
	background: var(--del-crema); color: var(--del-naranja); border: 0; padding: 12px 30px; cursor: pointer;
	font-family: "Poppins", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 2px;
}
.del-form button:hover { background: #fff; }
.del-form .del-trampa { position: absolute; left: -9999px; }
.del-aviso { margin-top: 16px; font-weight: 500; }

/* ---------- Post ---------- */
.del-post__destacada { max-width: 374px; margin: 0 auto 22px; }
.del-post__destacada img { width: 100%; aspect-ratio: 374/249; object-fit: cover; border-radius: var(--del-radio); display: block; }
.del-post__titulo { text-align: center; font-size: 40px; max-width: 534px; margin: 0 auto 30px; }
.del-post__meta { text-align: center; font-size: 16px; color: #1C244B; font-weight: 300; margin-bottom: 80px; }
.del-post__meta span + span { border-left: 1px solid #1C244B; margin-left: 14px; padding-left: 14px; }
.del-post__meta a { color: inherit; text-decoration: none; }
.del-contenido { max-width: 534px; margin: 0 auto; }
.del-contenido > p { text-align: justify; margin: 0 0 14px; font-size: 14px; line-height: 1.7; }
.del-contenido b, .del-contenido strong { font-weight: 500; color: var(--del-titulo); }
.del-contenido h2 { font-size: 34px; margin: 60px 0 22px; }
.del-contenido .wp-block-image { margin: 60px 0; }
.del-contenido .wp-block-image img { border-radius: var(--del-radio); width: 100%; height: auto; display: block; }
.del-contenido .wp-block-gallery { margin: 50px 0 !important; gap: 10px !important; }
.del-contenido .wp-block-gallery .wp-block-image { margin: 0 !important; }
.del-contenido .wp-block-gallery.is-cropped .wp-block-image img { aspect-ratio: 3/2; object-fit: cover; height: 100% !important; border-radius: 15px; }
.del-contenido .wp-block-embed { margin: 50px 0; }
.del-contenido .wp-block-embed__wrapper iframe { width: 100%; aspect-ratio: 16/9; height: auto; border-radius: 12px; }
.del-contenido .wp-block-spacer { height: 30px !important; }

/* ---------- Páginas ---------- */
.del-pagina h1.del-pagina__titulo { display: none; }
.del-nosotros { max-width: 1202px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 60px; align-items: center; padding: 50px 0; }
.del-nosotros__texto { text-align: right; }
.del-nosotros__texto h1 { font-size: 46px; margin: 0 0 30px; display: block !important; }
.del-nosotros__texto p { font-size: 14px; margin: 0 0 16px; }
.del-nosotros__foto { text-align: center; }
.del-nosotros__foto img { width: 252px; height: 465px; object-fit: cover; border-radius: 60px; }

/* ---------- Comentarios ---------- */
.del-comentarios { max-width: 534px; margin: 80px auto 0; }
.del-comentarios h2 { font-size: 24px; }
.del-comentarios ol { list-style: none; padding: 0; margin: 0; }
.del-comentarios ol ol { padding-left: 30px; }
.del-comentarios .comment-body { border-bottom: 1px solid #eee; padding: 18px 0; }
.del-comentarios .comment-author { font-weight: 500; color: var(--del-titulo); }
.del-comentarios .comment-author img { border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.del-comentarios .comment-author .says { display: none; }
.del-comentarios .comment-metadata { font-size: 12px; }
.del-comentarios .comment-metadata a { color: var(--del-gris); text-decoration: none; }
.del-comentarios .reply a { font-size: 13px; font-weight: 500; text-decoration: none; }
.del-comentarios textarea, .del-comentarios input[type=text], .del-comentarios input[type=email], .del-comentarios input[type=url] {
	width: 100%; border: 1px solid #ccc; border-radius: 8px; padding: 10px 12px; font: inherit;
}
.del-comentarios .comment-form-cookies-consent input { width: auto; }
.del-comentarios .submit { background: var(--del-acento); color: #fff; border: 0; padding: 12px 28px; border-radius: 30px; font: 500 15px "Poppins", sans-serif; cursor: pointer; }

/* ---------- Pie ---------- */
.del-footer { display: flex; justify-content: space-between; align-items: center; max-width: 1202px; margin: 0 auto; padding: 120px 20px 40px; gap: 20px; }
.del-footer__copy { font-family: "Poppins", sans-serif; font-size: 14px; color: #333; }
.del-redes { display: flex; gap: 46px; }
.del-redes a, .del-redes span { color: var(--del-acento); display: inline-flex; }
.del-redes svg { width: 21px; height: 21px; fill: currentColor; }

/* ---------- Celular ---------- */
@media (max-width: 900px) {
	.del-nav a { padding: 2px 12px; }
	.del-nav li + li::before { margin: 0 4px; }
	.del-suscribe { grid-template-columns: 1fr; }
	.del-suscribe__texto { padding: 40px 24px; }
	.del-suscribe h2 { font-size: 32px; }
	.del-nosotros { grid-template-columns: 1fr; gap: 30px; padding: 0; }
	.del-nosotros__texto { text-align: left; }
	.del-nosotros__texto h1 { font-size: 34px; }
}
@media (max-width: 600px) {
	.del-logo img { width: 140px; }
	.del-nav a { font-size: 13px; padding: 2px 8px; }
	.del-main { padding-top: 36px; }
	.del-card__titulo { font-size: 24px; }
	.del-post__titulo { font-size: 30px; }
	.del-post__meta { margin-bottom: 40px; }
	.del-contenido h2 { font-size: 27px; }
	.del-form button { width: 100%; }
	.del-footer { flex-direction: column; padding-top: 70px; }
}

/* Columnas de Nosotros (bloque Columnas) */
.wp-block-columns.del-nosotros { display: grid !important; }
.del-nosotros .wp-block-image { margin: 0; }
.del-nosotros .wp-block-heading { font-size: 46px; margin: 0 0 30px; }
@media (max-width: 900px) { .del-nosotros .wp-block-heading { font-size: 34px; } }

/* Galerías: columnas parejas como en Elementor (sin estirar la última foto) */
.del-contenido .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { flex-grow: 0 !important; }
.del-contenido .wp-block-gallery.columns-2 figure.wp-block-image:not(#individual-image) { width: calc((100% - 10px) / 2) !important; }
.del-contenido .wp-block-gallery.columns-3 figure.wp-block-image:not(#individual-image) { width: calc((100% - 20px) / 3) !important; }
.del-contenido .wp-block-gallery.columns-4 figure.wp-block-image:not(#individual-image) { width: calc((100% - 30px) / 4) !important; }
.del-contenido .wp-block-gallery.columns-5 figure.wp-block-image:not(#individual-image) { width: calc((100% - 40px) / 5) !important; }
@media (max-width: 600px) {
	.del-contenido .wp-block-gallery figure.wp-block-image:not(#individual-image) { width: calc((100% - 10px) / 2) !important; }
}
.del-nosotros__foto .wp-block-image img { display: block; margin: 0 auto; }