/* PALMONTE APP V2 — INTERACCIÓN, COMUNIDAD Y ASISTENTE */

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Aparición progresiva */
.reveal-section{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}
.reveal-section.is-visible{opacity:1;transform:none}
.cuaderno-tarjeta,.valor{transition-delay:var(--reveal-delay,0ms)}

/* Comunidad */
.comunidad-v2{position:relative;overflow:hidden;padding:clamp(85px,10vw,145px) 7%;background:#182016;color:#fff;text-align:left}
.comunidad-v2-decoracion{position:absolute;inset:auto -2vw -5vw auto;font-family:"Playfair Display",serif;font-size:clamp(100px,18vw,280px);font-weight:700;letter-spacing:.05em;color:rgba(255,255,255,.025);pointer-events:none;user-select:none}
.comunidad-v2-contenido{position:relative;z-index:1;width:min(1260px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(50px,8vw,115px);align-items:center}
.comunidad-v2-etiqueta{display:block;margin-bottom:24px;color:#aeb99c;font-size:10px;font-weight:700;letter-spacing:5px}
.comunidad-v2 h2{margin:0;font-family:"Playfair Display",serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1.02}
.comunidad-v2 h2 em{color:#b6c39e;font-weight:400}
.comunidad-v2-texto>p{max-width:620px;margin-top:28px;color:#c4c9bf;font-size:16px;line-height:1.8}
.comunidad-v2-beneficios{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.comunidad-v2-beneficios span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);color:#e2e5dc;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.comunidad-v2-beneficios i{color:#aeb99c}
.registro-palmonte-panel{padding:clamp(25px,4vw,48px);background:#f2ede3;color:#1d1b17;box-shadow:0 30px 80px rgba(0,0,0,.24)}
.registro-palmonte-form{display:grid;gap:21px}
.campo-registro label{display:block;margin-bottom:8px;color:#4c4a43;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.campo-registro input{width:100%;min-width:0;padding:16px;border:1px solid #aaa397;background:transparent;color:#1d1b17;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.campo-registro input:focus{border-color:#303724;box-shadow:0 0 0 3px rgba(48,55,36,.12)}
.telefono-registro{display:grid;grid-template-columns:auto 1fr;border:1px solid #aaa397;transition:border-color .2s,box-shadow .2s}
.telefono-registro:focus-within{border-color:#303724;box-shadow:0 0 0 3px rgba(48,55,36,.12)}
.telefono-registro span{display:grid;place-items:center;padding:0 14px;border-right:1px solid #aaa397;color:#4d5142;font-weight:700}
.telefono-registro input{border:0;box-shadow:none!important}
.consentimiento-registro{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;color:#676159;font-size:11px;line-height:1.55;cursor:pointer}
.consentimiento-registro input{width:17px;height:17px;margin-top:1px;accent-color:#303724}
.consentimiento-registro a{text-decoration:underline;color:#303724}
.boton-registro-palmonte{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #191b15;background:#191b15;color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:background .25s,transform .25s}
.boton-registro-palmonte:hover{background:#303724;transform:translateY(-2px)}
.boton-registro-palmonte[disabled]{opacity:.65;cursor:wait;transform:none}
.estado-registro{min-height:18px;color:#8d2e26;font-size:12px;line-height:1.5}
.estado-registro.exito{color:#3e5a30}
.registro-exito{text-align:center;padding:22px 5px}
.registro-exito-icono{width:58px;height:58px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#303724;color:#fff;font-size:22px}
.registro-exito>span{color:#687054;font-size:9px;font-weight:700;letter-spacing:3px}
.registro-exito h3{margin:14px 0;font-family:"Playfair Display",serif;font-size:38px;font-weight:500}
.registro-exito p{color:#69645c;line-height:1.7}
.registro-exito button{margin-top:24px;padding:12px 16px;border:1px solid #303724;background:transparent;color:#303724;font-weight:700;cursor:pointer}

/* Asistente */
.asistente-palmonte-boton{position:fixed;right:22px;bottom:94px;z-index:10980;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:0;border-radius:999px;background:#f2ede3;color:#1c2018;box-shadow:0 12px 35px rgba(0,0,0,.22);cursor:pointer;transition:transform .25s,box-shadow .25s}
.asistente-palmonte-boton:hover{transform:translateY(-3px);box-shadow:0 17px 42px rgba(0,0,0,.28)}
.asistente-boton-icono{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#303724;color:#fff}
.asistente-boton-texto{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.asistente-palmonte{position:fixed;right:22px;bottom:154px;z-index:10990;width:min(390px,calc(100vw - 24px));height:min(620px,calc(100dvh - 185px));display:grid;grid-template-rows:auto 1fr auto auto auto;background:#f5f1e9;box-shadow:0 28px 80px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transform-origin:bottom right;transition:opacity .25s,visibility .25s,transform .25s;overflow:hidden}
.asistente-palmonte.activo{opacity:1;visibility:visible;transform:none}
.asistente-cabecera{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;background:#182016;color:#fff}
.asistente-cabecera h2{margin-top:4px;font-family:"Playfair Display",serif;font-size:22px;font-weight:500}
.asistente-estado{display:flex;align-items:center;gap:7px;color:#bfc9b2;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.asistente-estado i{width:7px;height:7px;border-radius:50%;background:#79be69;box-shadow:0 0 0 4px rgba(121,190,105,.13)}
.asistente-cabecera button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer}
.asistente-mensajes{overflow-y:auto;padding:18px;scroll-behavior:smooth}
.mensaje-chat{max-width:86%;margin-bottom:12px;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.55;white-space:pre-wrap}
.mensaje-asistente{margin-right:auto;border-bottom-left-radius:3px;background:#e7e1d5;color:#34342e}
.mensaje-usuario{margin-left:auto;border-bottom-right-radius:3px;background:#303724;color:#fff}
.mensaje-cargando{display:flex;gap:5px;align-items:center;width:max-content}
.mensaje-cargando i{width:6px;height:6px;border-radius:50%;background:#6d745d;animation:palmonteTyping 1s infinite alternate}.mensaje-cargando i:nth-child(2){animation-delay:.2s}.mensaje-cargando i:nth-child(3){animation-delay:.4s}
@keyframes palmonteTyping{to{transform:translateY(-4px);opacity:.45}}
.asistente-sugerencias{display:flex;gap:7px;padding:0 14px 11px;overflow-x:auto}
.asistente-sugerencias button{flex:0 0 auto;padding:8px 10px;border:1px solid #a9a397;background:transparent;color:#4b4d41;font-size:9px;font-weight:700;cursor:pointer}
.asistente-formulario{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #d0c9bd}
.asistente-formulario input{width:100%;min-width:0;padding:12px;border:1px solid #aaa397;background:#fff;font-size:14px;outline:none}
.asistente-formulario button{width:44px;border:0;background:#303724;color:#fff;cursor:pointer}
.asistente-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#25D366;color:#fff!important;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}

/* Interacciones sutiles */
.cuaderno-tarjeta{transform-style:preserve-3d;will-change:transform}
.parallax-section{background-position:center calc(50% + var(--parallax-y,0px))!important}

@media(max-width:900px){.comunidad-v2-contenido{grid-template-columns:1fr}.comunidad-v2-texto{text-align:center}.comunidad-v2-texto>p{margin-left:auto;margin-right:auto}.comunidad-v2-beneficios{justify-content:center}}
@media(max-width:768px){.comunidad-v2{padding:80px 18px}.registro-palmonte-panel{padding:26px 18px}.asistente-palmonte-boton{right:12px;bottom:86px;padding-right:8px}.asistente-boton-texto{display:none}.asistente-palmonte{right:6px;bottom:140px;width:calc(100vw - 12px);height:min(650px,calc(100dvh - 150px))}.reveal-section{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){.reveal-section{opacity:1;transform:none;transition:none}.cuaderno-tarjeta,.parallax-section{transform:none!important;background-position:center!important}.mensaje-cargando i{animation:none}}


/* =====================================================
   PALMONTE V2.3 — ASISTENTE REUBICADO Y PRODUCTOS VIVOS
===================================================== */

/* El asistente vive a la izquierda y deja libre carrito + WhatsApp */
.asistente-palmonte-boton{
    left:22px !important;
    right:auto !important;
    bottom:22px !important;
}
.asistente-palmonte{
    left:22px !important;
    right:auto !important;
    bottom:86px !important;
    transform-origin:bottom left !important;
}

/* Estado de conversación recuperada */
.asistente-memoria{
    padding:8px 14px;
    border-top:1px solid #d0c9bd;
    background:#eee8dc;
    color:#666157;
    font-size:9px;
    letter-spacing:.8px;
    text-align:center;
}

/* Acciones útiles dentro del chat */
.acciones-chat{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:-4px 0 13px;
}
.accion-chat{
    padding:8px 10px;
    border:1px solid #7f846f;
    background:#f8f5ef;
    color:#303724;
    font-size:8px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
    cursor:pointer;
    transition:background .2s,color .2s,transform .2s;
}
.accion-chat:hover{
    background:#303724;
    color:#fff;
    transform:translateY(-1px);
}

/* Interacción premium de producto */
.cuaderno-tarjeta{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease !important;
}
.cuaderno-tarjeta::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:5;
    pointer-events:none;
    background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,40%),rgba(255,255,255,.18),transparent 28%);
    opacity:0;
    transition:opacity .3s ease;
}
.cuaderno-tarjeta:hover::after{opacity:1}
.cuaderno-tarjeta:hover{
    box-shadow:0 28px 70px rgba(25,28,20,.18);
}
.cuaderno-tarjeta-imagen{
    position:relative;
    overflow:hidden;
}
.cuaderno-tarjeta-imagen img{
    transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .4s ease !important;
    transform:translate3d(var(--img-x,0),var(--img-y,0),0) scale(var(--img-scale,1));
}
.cuaderno-tarjeta:hover .cuaderno-tarjeta-imagen img{
    --img-scale:1.035;
    filter:saturate(1.06) contrast(1.02);
}
.producto-explorar{
    position:absolute;
    left:50%;
    bottom:20px;
    z-index:8;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 14px;
    border:1px solid rgba(255,255,255,.65);
    background:rgba(20,24,17,.78);
    color:#fff;
    backdrop-filter:blur(8px);
    font-size:8px;
    font-weight:700;
    letter-spacing:1.3px;
    white-space:nowrap;
    opacity:0;
    transform:translate(-50%,12px);
    transition:opacity .3s,transform .3s;
}
.cuaderno-tarjeta:hover .producto-explorar,
.cuaderno-tarjeta-imagen:focus-visible .producto-explorar{
    opacity:1;
    transform:translate(-50%,0);
}
.cuaderno-tarjeta-info{
    position:relative;
    z-index:7;
    transition:transform .35s ease;
}
.cuaderno-tarjeta:hover .cuaderno-tarjeta-info{
    transform:translateY(-3px);
}
.cuaderno-tarjeta-etiqueta{
    animation:etiquetaRespira 2.8s ease-in-out infinite;
}
@keyframes etiquetaRespira{
    0%,100%{box-shadow:0 0 0 0 rgba(48,55,36,0)}
    50%{box-shadow:0 0 0 7px rgba(48,55,36,.10)}
}
.producto-ripple{
    position:absolute;
    z-index:20;
    width:18px;
    height:18px;
    border-radius:50%;
    background:rgba(255,255,255,.6);
    pointer-events:none;
    transform:translate(-50%,-50%) scale(0);
    animation:rippleProducto .65s ease-out forwards;
}
@keyframes rippleProducto{to{transform:translate(-50%,-50%) scale(14);opacity:0}}

@media(max-width:768px){
    .asistente-palmonte-boton{
        left:12px !important;
        right:auto !important;
        bottom:14px !important;
    }
    .asistente-palmonte{
        left:6px !important;
        right:auto !important;
        bottom:74px !important;
        height:min(650px,calc(100dvh - 86px)) !important;
    }
    .producto-explorar{
        opacity:1;
        bottom:10px;
        padding:8px 9px;
        font-size:6px;
        transform:translate(-50%,0);
    }
    .cuaderno-tarjeta-etiqueta{animation:none}
}

@media(prefers-reduced-motion:reduce){
    .cuaderno-tarjeta-etiqueta{animation:none}
    .cuaderno-tarjeta-imagen img{transform:none!important}
}


/* PALMONTE AI V3 */
.asistente-sugerencias button{border-radius:999px;transition:background .2s,color .2s,transform .2s}
.asistente-sugerencias button:hover{background:#303724;color:#fff;transform:translateY(-1px)}
.mensaje-chat p{margin:0}
.acciones-chat{padding-left:2px}