/*
Theme Name: Servicios Agrícolas 
Theme URI: https://estructuradigital.es/
Author: Judit  Lira
Description: Tema completo : portada, servicios, galería, contacto, WhatsApp y blog dinámico con entradas de WordPress.
Version: 1.0.3
Text Domain: AgriLira
*/

:root {
  --radius: 0.625rem;
  --background: oklch(0.98 0.001 142.49);
  --foreground: oklch(0.25 0.05 142.49);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.25 0.05 142.49);
  --primary: oklch(0.42 0.15 142.49);
  --secondary: oklch(0.78 0.08 142.49);
  --muted: oklch(0.92 0.01 142.49);
  --muted-foreground: oklch(0.58 0.03 142.49);
  --accent: oklch(0.48 0.18 142.49);
  --border: oklch(0.92 0.01 142.49);
}
html { scroll-behavior: smooth; }
body { margin:0; background: var(--background); color: var(--foreground); }
a { text-decoration: none; }
.prose { font-size: 1.1rem; line-height: 1.8; }
.prose h2 { font-size: 2rem; font-weight: bold; margin-top: 2rem; margin-bottom: 1rem; color: var(--foreground); }
.prose h3 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: .75rem; color: var(--foreground); }
.prose p { margin-bottom: 1rem; color: var(--muted-foreground); }
.prose ul,.prose ol { margin-left: 1.5rem; margin-bottom: 1rem; color: var(--muted-foreground); }
.prose li { margin-bottom: .5rem; }
.prose strong { color: var(--foreground); font-weight: bold; }
.admin-bar .sticky.top-0 { top:32px; }
@media (max-width: 782px){ .admin-bar .sticky.top-0 { top:46px; } }

.agricola-menu li { list-style: none; display: inline-block; }
.agricola-menu a { font-size: .875rem; font-weight: 500; transition: color .2s; }
.agricola-menu a:hover { color: hsl(var(--primary)); }
.current-menu-item > a { color: hsl(var(--primary)); }
.prose p { margin-bottom: 1rem; }
.prose h2 { font-size: 1.75rem; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; }
.prose h3 { font-size: 1.35rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: .75rem; }

.testimonials-scroll {
  scrollbar-width: thin;
  scrollbar-color: #183026 #e5e7eb;
}

.testimonials-scroll::-webkit-scrollbar {
  height: 10px;
}

.testimonials-scroll::-webkit-scrollbar-track {
  background: #e5e7eb;
  border-radius: 999px;
}

.testimonials-scroll::-webkit-scrollbar-thumb {
  background: #183026;
  border-radius: 999px;
}

.testimonials-scroll::-webkit-scrollbar-thumb:hover {
  background: #24473a;
}

/* TOP BAR */

.top-bar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:42px;
    background:#183026;
    z-index:999999;
    color:#fff;
}

.admin-bar .top-bar{
    top:32px;
}

.top-bar-content{
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    font-size: 14px;
    font-weight: 600;
}

.top-bar-content a{
    color: #fff;
    text-decoration: none;
}

@media(max-width:768px){
  .top-bar-content{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    text-align: center;
}

.top-bar-content a{
    display: flex;
    align-items: center;
    gap: 4px;
    color: #fff;
    text-decoration: none;
}
}

/* ESPACIO ENTRE TOP BAR Y HEADER */

/* HEADER FIJO SEPARADO */

header{
    position: fixed !important;
    top: 42px !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    border-bottom: 1px solid #e5e7eb;
}

/* altura correcta del header */
header .h-16{
    height: 4rem !important;
}

/* logo */
header img{
    max-height: 48px;
    width: auto;
}

/* espacio para que el hero no quede tapado */
#inicio{
    margin-top: 106px !important;
}

/* admin bar */
.admin-bar .top-bar{
    top: 32px !important;
}

.admin-bar header{
    top: 84px !important;
}

.admin-bar #inicio{
    margin-top: 158px !important;
}

/* móvil */
@media(max-width:768px){

    .top-bar{
        height: auto !important;
        padding: 8px 0 !important;
    }

    header{
        top: 37px !important;
    }

    header .h-16{
        height: 4rem !important;
    }

    header img{
        max-height: 44px;
    }

    #inicio{
        margin-top: 6px !important;
    }

    .admin-bar .top-bar{
        top: 46px !important;
    }

    .admin-bar header{
        top: 118px !important;
    }

    .admin-bar #inicio{
        margin-top: 192px !important;
    }
}


.mobile-menu{
    display:none;
}

@media(max-width:768px){
    .mobile-menu{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#ffffff;
        border-top:1px solid #e5e7eb;
        box-shadow:0 12px 30px rgba(0,0,0,.12);
        z-index:999999;
    }

    .mobile-menu.active{
        display:block;
    }

    .mobile-menu li{
        list-style:none;
    }

    .mobile-menu a{
        display:block;
        padding:16px 20px;
        text-align:center;
        color:#183026;
        font-weight:600;
        border-bottom:1px solid #e5e7eb;
    }
}

.py-20 {
    padding-top: 8rem !important;
    padding-bottom: 5rem;
}