/*
Theme Name: Navegata
Theme URI: https://www.navegata.es/
Author: Navegata
Description: Tema de bloques para Navegata, alquiler de barcos en Cabo de Gata.
Version: 1.3.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: navegata
*/

/* Secciones de portada */
.nv-hero{padding-block:clamp(2.5rem,7vw,4.5rem) clamp(3rem,8vw,5.5rem)}
.nv-hero .wp-block-heading{max-width:16ch}
.nv-lead{font-size:1.2rem;color:var(--wp--preset--color--muted);max-width:56ch}
.nv-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--brand);font-weight:500;margin-bottom:.9rem}
.nv-section{border-top:1px solid var(--wp--preset--color--line);padding-block:clamp(3rem,7vw,4.5rem)}
.nv-intro{color:var(--wp--preset--color--muted);max-width:62ch}
.nv-row{border-bottom:1px solid var(--wp--preset--color--line);padding-block:1.4rem;margin:0!important;gap:1.5rem}
.nv-rows{border-top:1px solid var(--wp--preset--color--line)}
.nv-row h3{margin:0;font-size:1.2rem}
.nv-row p{margin:0;color:var(--wp--preset--color--muted);max-width:60ch}
.nv-spots{gap:1.75rem 2.25rem}
.nv-spots h3{font-size:1.1rem;margin:0 0 .25rem}
.nv-spots p{color:var(--wp--preset--color--muted);margin:0}
.nv-spots p.nv-from{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wp--preset--color--brand);margin-bottom:.4rem}
.nv-note{color:var(--wp--preset--color--muted);font-size:.95rem;max-width:62ch}
.wp-block-details{border-bottom:1px solid var(--wp--preset--color--line);padding-block:1.1rem;margin:0!important}
.wp-block-details summary{cursor:pointer;font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:1.12rem}
.wp-block-details p{color:var(--wp--preset--color--muted);max-width:62ch;margin-top:.75rem}
.nv-faq{border-top:1px solid var(--wp--preset--color--line)}
.nv-contact p{margin:0 0 .6rem}
.nv-fill{background:var(--wp--preset--color--fill);padding:0 4px;border-radius:3px}

/* Cabecera y pie */
.nv-header{padding-block:1.4rem}
.nv-header .wp-block-site-title a{text-decoration:none}
.nv-header .wp-block-navigation a{text-decoration:none;color:var(--wp--preset--color--muted);font-weight:500}
.nv-header .wp-block-navigation a:hover{color:var(--wp--preset--color--contrast)}
.nv-footer{border-top:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--muted);font-size:.95rem;padding-block:2rem}
.nv-footer a{color:var(--wp--preset--color--muted)}
.nv-footer p{margin:0 0 .4rem}

/* Páginas legales */
.nv-legal h2{font-size:1.3rem;margin-top:2.5rem}

:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:3px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:781px){.nv-row{gap:.4rem}}

/* Formulario de contacto (Contact Form 7) */
.wpcf7-form{display:grid;gap:.25rem;max-width:520px}
.wpcf7-form p{margin:0 0 .9rem}
.wpcf7-form label{display:grid;gap:.35rem;font-weight:500}
.wpcf7-form br{display:none}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form input[type=number],.wpcf7-form select,.wpcf7-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:12px 14px;border:1px solid var(--wp--preset--color--line);border-radius:6px;background:#fff;color:var(--wp--preset--color--contrast)}
.wpcf7-form textarea{min-height:130px;resize:vertical}
.wpcf7-form input:focus,.wpcf7-form select:focus,.wpcf7-form textarea:focus{outline:3px solid var(--wp--preset--color--accent);outline-offset:1px}
.wpcf7-acceptance .wpcf7-list-item{margin:0}
.wpcf7-acceptance label{display:flex;align-items:flex-start;gap:.6rem;font-weight:400}
.wpcf7-acceptance input{margin-top:.35rem;accent-color:var(--wp--preset--color--brand)}
.wpcf7-form input[type=submit]{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--contrast);border:0;border-radius:6px;padding:14px 26px;font:500 1rem var(--wp--preset--font-family--body);cursor:pointer}
.wpcf7-form input[type=submit]:hover{background:#DCA53A}
.nv-form-legal{font-size:.82rem;line-height:1.55;color:var(--wp--preset--color--muted)}
.wpcf7-not-valid-tip{font-size:.85rem;color:#A23B2A}
.wpcf7-response-output{margin:.5rem 0 0!important;border-radius:6px;padding:.75rem 1rem!important}
.nv-contact-cols{gap:3rem}
