/* ============================================================
   BRAVATTA - LA ORDEN GLOBAL
   ------------------------------------------------------------
   Colores, posiciones y tipografias de TODA la web.
   Se escribe aqui y SOLO aqui. Ninguna pagina define nada de
   esto por su cuenta.

   Este archivo se carga EL ULTIMO, justo antes de </body>, y
   por eso gana a cualquier <style> que traiga la pagina. Ese
   era el problema de fondo: cada pagina traia su version y
   pisaba lo comun.

   LOS TRES COLORES. No hay mas.
     verde bosque  #0A2F1B   el fondo de todo
     verde lima    #ABEF61   acentos, bordes, enlaces
     naranja       #FF6A00   la segunda palabra y las llamadas
   Los verdes mas claros son EXCLUSIVAMENTE para las hojas.
   ============================================================ */

:root{
  --bv-logo-hueco:url("data:image/svg+xml,%3Csvg aria-label=%22Bravatta Xperience%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2242.6 308.6 646.4 385.5%22 fill=%22%23FFFFFF%22%3E%3Cg%3E %3Cg id=%22KALAM%22%3E %3Cpath d=%22M130,543.2c1.8,0,4.6,1.7,8.2,5c3.7,3.3,5.5,6,5.5,8c0,1-0.4,1.8-1.2,2.4c-0.8,0.6-2,1.4-3.6,2.4s-3,2.1-4.2,3.3 c-3.6,3.7-12.5,15.3-26.9,34.8c6.1,8.9,10.4,15.1,12.9,18.6c2.5,3.6,4.7,6.7,6.5,9.3c3.5,5.2,5.2,8.7,5.2,10.6 c0,1.9-0.7,3.4-2.1,4.6c-1.4,1.2-3.2,1.8-5.5,1.8s-6-2.7-11.2-8.2s-10.8-12.6-16.8-21.2c-10.1,14.8-17.4,23.8-21.8,27 c-2.1,1.5-4.3,2.3-6.5,2.3s-5-1.1-8.4-3.4c-3.4-2.2-5.1-4.2-5.1-5.8c0-1,0.3-1.8,0.8-2.3c0.9-0.9,1.8-1.8,2.7-2.7 c4.8-4.9,13.5-16.1,26.3-33.7c-13.7-22.7-20.6-38.4-20.6-47c0-3.8,0.9-5.6,2.7-5.6c3.9,0,7.9,0.8,12.1,2.4 c4.2,1.6,6.3,3.4,6.3,5.4c0,6.9,3.6,16.6,10.7,29.2c10.4-14.9,17.8-24.7,22.3-29.6C122.8,545.6,126.7,543.2,130,543.2z%22/%3E %3Cpath d=%22M200,565.9c3.9,0,7.8,3.2,11.8,9.5c4,6.4,6,12.7,6,19.1c0,6.4-2.8,13.3-8.5,20.9c-5.6,7.6-12.8,14.1-21.5,19.7 c-8.7,5.5-17,8.3-24.8,8.3c-1.3,0-2.3,0-2.9-0.2c-4.5,19.5-7.9,31.8-10.2,36.6c-1.1,2.2-2.1,3.4-3.1,3.4c-1.9,0-4-1.6-6.1-4.7 c-2.1-3.1-3.2-5.8-3.2-8.1s1.5-9.6,4.6-21.9c9.1-36.5,13.6-63.3,13.6-80.1c0-3.1,1.4-4.6,4.1-4.6c2.3,0,5.3,1.5,8.9,4.4 c3.6,2.9,5.5,6.5,6,10.9C183.4,570.4,191.8,565.9,200,565.9z M188.2,614.5c7.8-7.5,11.7-14.5,11.7-20.8c0-6.4-1.6-9.5-4.9-9.5 c-2.7,0-6.7,2-11.9,6c-2.9,2.1-5.8,5.5-8.7,10.2c-3,4.7-5.5,10.2-7.6,16.6l-2.6,10.4C172.4,626.3,180.4,622,188.2,614.5z%22/%3E %3Cpath d=%22M281.6,606.9c-6.5,3.8-13.3,5.7-20.5,5.7c-7.1,0-13.3-0.6-18.5-1.8c-1,3.6-1.5,6.7-1.5,9.5s0.7,4.9,2,6.3 c1.3,1.4,3.9,2.1,7.6,2.1c7.1,0,13.4-0.8,18.8-2.3s8.2-2.3,8.5-2.3c3.8,0,5.6,1.3,5.6,3.8c0,3.7-3.2,7.2-9.7,10.6 c-6.5,3.4-13.7,5.1-21.8,5.1c-8.1,0-14.7-2.6-19.8-7.8s-7.7-11.4-7.7-18.8c0-7.3,2.1-15,6.3-23s9.5-14.7,15.9-20.2 c6.4-5.4,12.8-8.2,19.1-8.2c6.3,0,12.1,3.1,17.5,9.3c5.3,6.2,8,12.4,8,18.5C291.3,598.7,288.1,603.1,281.6,606.9z M271.9,586 c-2.2-2.2-4.5-3.3-6.7-3.3s-5,1.6-8.4,4.7c-3.4,3.1-6.4,7-9,11.7c2.3,0.3,4.5,0.5,6.6,0.5c13.9,0,20.9-2.6,20.9-7.9 C275.3,590.1,274.2,588.2,271.9,586z%22/%3E %3Cpath d=%22M331.3,568.3c3.8-1.6,7.6-2.4,11.4-2.4s6.2,0.7,7.3,2.2c1,1.5,1,3.2-0.2,5.3c-1.1,2-3,3.8-5.5,5.3c-0.1,0.1-1.3,0.8-3.6,2 c-2.3,1.2-3.8,2.1-4.5,2.5c-0.7,0.5-2.1,1.6-4,3.3c-2,1.7-3.5,3.5-4.7,5.2c-3.1,5-5.5,10.8-7.5,17.4c-3.8,13.6-6.6,22.8-8.6,27.6 c-2,4.7-4.5,7.1-7.6,7.1s-5.4-2-7.1-6.1s-1.7-8.3-0.1-12.8c2.8-8.3,4.9-15.5,6.2-21.4c1.3-5.9,1.7-11.9,1.1-18 c-0.8-4.5-1-8.9-0.7-13.1c0.4-4.3,1.9-6.4,4.7-6.4c2.2,0,4.4,1,6.3,3.1c2,2,3.3,5.1,4,9.2C323.2,573.2,327.6,569.9,331.3,568.3z%22 /%3E %3Cpath d=%22M366.9,582c3,0,5.7,1.4,8.1,4.2s3.7,5.5,3.7,8.1c0,3.8-5.1,18.5-15.4,44.2c-0.8,1.9-1.8,3.3-3.1,4 c-1.2,0.7-2.8,1.1-4.5,1.1c-1.8,0-3.3-0.7-4.6-2c-1.3-1.3-1.9-2.6-1.9-3.7c0-1.1,0.1-2.4,0.4-3.7c0.2-1.3,0.6-2.9,1.2-4.8 c0.5-1.9,1-3.7,1.4-5.4c0.6-2.3,1.5-5.5,2.8-9.8s2.4-8.1,3.2-11.4c0.8-3.3,1.5-6,2.1-8.1c0.5-2.1,1.2-4.2,1.9-6.3 C363.5,584.1,365.1,582,366.9,582z M375.7,580.9c-1.4,0.3-2.8,0.1-4.3-0.6c-1.4-0.8-2.3-1.7-2.6-2.9c-0.5-2,0.6-4.9,3.3-8.5 c2.8-3.6,5.4-5.7,7.8-6.3c2.4-0.6,5.1-0.4,8,0.5c2.8,1,4.5,2.3,4.9,3.9s-1.6,4.2-6,7.6C382.3,578.1,378.6,580.2,375.7,580.9z%22/%3E %3Cpath d=%22M440.3,606.9c-6.5,3.8-13.3,5.7-20.5,5.7c-7.1,0-13.3-0.6-18.5-1.8c-1,3.6-1.5,6.7-1.5,9.5s0.7,4.9,2,6.3 c1.3,1.4,3.9,2.1,7.6,2.1c7.1,0,13.4-0.8,18.8-2.3s8.2-2.3,8.5-2.3c3.8,0,5.6,1.3,5.6,3.8c0,3.7-3.2,7.2-9.7,10.6 c-6.5,3.4-13.7,5.1-21.8,5.1s-14.7-2.6-19.8-7.8c-5.1-5.2-7.7-11.4-7.7-18.8c0-7.3,2.1-15,6.3-23c4.2-8,9.5-14.7,15.9-20.2 c6.4-5.4,12.8-8.2,19.1-8.2c6.3,0,12.1,3.1,17.5,9.3c5.3,6.2,8,12.4,8,18.5C450.1,598.7,446.8,603.1,440.3,606.9z M430.7,586 c-2.2-2.2-4.5-3.3-6.7-3.3s-5,1.6-8.4,4.7c-3.4,3.1-6.4,7-9,11.7c2.3,0.3,4.5,0.5,6.6,0.5c13.9,0,20.9-2.6,20.9-7.9 C434.1,590.1,433,588.2,430.7,586z%22/%3E %3Cpath d=%22M509.3,565.9c4.8,0,9.1,2.3,13,6.9c3.9,4.6,5.8,9.5,5.8,14.7c0,8-1.4,16.8-4.3,26.4c-6.1,19.9-12.3,29.9-18.6,29.9 c-3.1,0-4.6-2.1-4.6-6.4c0-2.5,1.6-9.3,4.8-20.4c3.2-11,4.8-18.8,4.8-23.2s-0.7-6.6-2.1-6.6s-2.8,0.7-4,2 c-1.3,1.3-2.3,2.4-3.1,3.4c-0.8,0.9-1.8,2.2-2.9,3.9s-2.1,3.1-2.8,4.3c-0.8,1.2-1.8,2.8-3.1,5c-1.3,2.1-2.3,3.8-3,5 s-1.8,3-3.1,5.4c-1.4,2.4-2.9,4.9-4.4,7.6c-1.6,2.6-3.2,5.3-4.8,7.9c-1.6,2.6-3.7,5.3-6.3,8.1c-2.6,2.8-4.8,4.2-6.7,4.2 c-1.9,0-4.3-1.6-7.2-4.8c-2.9-3.2-4.4-5.5-4.4-6.9s0.3-2.9,0.8-4.7c0.6-1.7,1.4-4,2.4-6.7c1.1-2.7,1.9-5.1,2.5-7.2 c2.1-7,3.6-16.5,4.4-28.3c0.8-11.9,1.7-18.4,2.7-19.6c0.4-0.5,0.9-0.8,1.4-0.8c3.5,0,6.8,1.5,9.9,4.4c3.2,3,4.7,5.7,4.7,8.2 c0,6.5-1.9,16.5-5.6,30.1C491.4,579.8,502.7,565.9,509.3,565.9z%22/%3E %3Cpath d=%22M584,566.1c3.8,0,7.4,2.2,11,6.5s5.3,8.2,5.3,11.7c0,2.4-1.1,3.7-3.4,3.7c-1.2,0-3-0.7-5.2-2s-4.6-2-6.9-2 c-2.4,0-5.8,2-10.1,6.1s-8.1,8.9-11.4,14.6c-3.3,5.6-4.9,10.5-4.9,14.4c0,5,3,7.5,8.9,7.5s10.7-0.5,14.4-1.4s6.5-1.8,8.4-2.7 s3.5-1.4,4.8-1.4c2.5,0,3.8,1.2,3.8,3.5c0,4-3.8,8.2-11.4,12.6c-7.6,4.4-15.1,6.6-22.3,6.6c-5.3,0-10.9-2.6-16.9-7.9 c-6-5.3-9-10.5-9-15.6c0-7.1,2.2-14.9,6.6-23.4c4.4-8.4,10.2-15.7,17.3-21.8C570.2,569.1,577.2,566.1,584,566.1z%22/%3E %3Cpath d=%22M666.7,606.9c-6.5,3.8-13.3,5.7-20.5,5.7c-7.1,0-13.3-0.6-18.5-1.8c-1,3.6-1.5,6.7-1.5,9.5s0.7,4.9,2,6.3 c1.3,1.4,3.9,2.1,7.6,2.1c7.1,0,13.4-0.8,18.8-2.3c5.4-1.5,8.2-2.3,8.5-2.3c3.8,0,5.6,1.3,5.6,3.8c0,3.7-3.2,7.2-9.7,10.6 c-6.5,3.4-13.7,5.1-21.8,5.1s-14.7-2.6-19.8-7.8s-7.7-11.4-7.7-18.8c0-7.3,2.1-15,6.3-23s9.5-14.7,15.9-20.2 c6.4-5.4,12.8-8.2,19.1-8.2s12.1,3.1,17.5,9.3c5.3,6.2,8,12.4,8,18.5C676.5,598.7,673.2,603.1,666.7,606.9z M657.1,586 c-2.2-2.2-4.5-3.3-6.7-3.3s-5,1.6-8.4,4.7c-3.4,3.1-6.4,7-9,11.7c2.3,0.3,4.5,0.5,6.6,0.5c13.9,0,20.9-2.6,20.9-7.9 C660.5,590.1,659.3,588.2,657.1,586z%22/%3E %3C/g%3E %3Cg id=%22LOGO_BRAVATTA%22%3E %3Cpath d=%22M374.3,481.7c-15.1-4.6-30.5-9.1-45.8-14c-13.6-4.3-27.2-8.9-40.1-15.2c-4.7-2.3-9.3-5-14-7.5 c-7.8-4.2-13.6-10.5-18.9-17.3c-4.7-6-8.5-12.4-10.8-19.7c-3.9-12.6-1.5-24,6.4-34.3c4.4-5.8,9.8-10.6,16-14.6 c1.6-1,3.6-1.7,5.6-2c2.3-0.4,3.8,0.9,4.8,3.1c1.2,2.9,0.9,5.8,0.3,8.7c-0.7,3.5-1.8,7-2.2,10.6c-1,8.5,1.7,16,5.8,23.4 c5.4,9.7,13.8,15.9,23.3,21.1c6.5,3.5,13.2,6.5,20.3,8.2c0.4,0.1,0.7,0.1,1.1,0.2c0-0.2,0.1-0.3,0.1-0.3 c-5.6-4.6-9.7-10.6-13.6-16.7c-5.3-8.4-10.5-16.9-14.4-26.1c-4.5-10.9-6.7-22.2-6.3-33.9c0.1-2.7,0.2-5.5,0.9-8.2 c0.4-1.6,1.5-3.2,2.6-4.4c3.5-3.8,7.9-6.5,12.4-9.1c10.2-5.8,21.1-9.8,32.6-12.2c8.2-1.7,16.4-2,24.7-1.6 c5.2,0.3,9.9,4.4,10.7,9.5c0.2,1.5-0.2,3.3-0.8,4.7c-2.7,6.4-5.6,12.7-8.4,19.1c-3.3,7.4-6.1,14.9-7.3,23 c-0.9,6.4-1.4,12.8-0.8,19.3c1.1,13.4,5.3,25.7,13.1,36.7c5.2,7.3,11.4,13.5,18.3,19.1c15.1,12.4,31.8,22.1,49.7,29.8 c2.5,1.1,5.2,1.8,7.8,2.7c2.9,0.9,5.4,4.2,5.4,7.2c0,3.5-3,6.1-7.3,6c-4-0.1-7.9-0.5-11.8-0.9c-3.1-0.3-6.2-0.9-9.3-1.4 c-1-0.2-1.5-0.1-1.7,1.1c-0.3,1.9-1.7,2.8-4,3c-4.4,0.2-8.8,0.5-13.2,0.6c-12.7,0.3-25.3,0.7-38,0.7c-9.7-0.1-19.4-0.7-29-1.3 c-6.3-0.4-12.7-0.9-19-1.8c-16-2.1-31.8-5.2-46.5-12.1c-13.5-6.3-24.8-15.3-32.7-28.1c-5.6-9.2-7.4-19.3-6.3-29.9 c0.5-4.7,1.7-9.4,2.5-14.1c0.1-0.4,0.1-1,0.4-1.2c0.8-0.7,1.6-1.7,2.5-1.9c0.6-0.2,1.7,0.6,2.2,1.2c0.6,0.7,0.9,1.6,1.3,2.4 c7.8,18.7,20.8,32.4,38.9,41.4c14.3,7.1,29.1,12.6,44.6,16.2c15.9,3.7,31.8,7.3,47.7,10.9C374.3,481.7,374.5,481.7,374.3,481.7z M268.8,368.1c-0.4,0.2-0.6,0.3-0.8,0.4c-4.2,3-7.9,6.4-11,10.5c-3.2,4.3-5.5,9.1-5.9,14.6c-0.4,5,0.6,9.9,2.4,14.5 c5.9,14.6,15.4,26,29.7,33.3c13.7,7,28.1,12.3,42.7,17.3c18.5,6.3,37.2,11.9,56.1,16.5c17.4,4.3,34.8,8.2,52.2,12.3 c0.2,0.1,0.5,0,0.6-0.1c-5.2-2.2-10.6-4.3-15.7-6.8c-16.8-7.9-32.2-17.9-45.2-31.4c-14.9-15.6-23.3-34-24.9-55.6 c-0.8-11.2,0.9-22.1,4.4-32.8c2.8-8.6,6.8-16.8,10.6-25c2.1-4.5,0.8-7.4-4-8.5c-0.5-0.1-1.1-0.1-1.6-0.2c-6-0.4-11.8,0.8-17.5,2.5 c-8.6,2.4-17,5.7-25.1,9.5c-3.7,1.8-7.2,3.9-10.8,6c-1.3,0.7-2.1,1.9-2.5,3.5c-1.5,7.2-1.1,14.3,0.2,21.4 c2,10.4,5.8,20.1,10.6,29.5c7.8,15.3,17.6,29.3,28.6,42.4c0.4,0.4,0.6,0.9,1.2,1.7c-1.2-0.1-2-0.1-2.7-0.2 c-1.9-0.3-3.9-0.6-5.8-0.9c-7.7-1.1-15.3-3-22.5-5.9c-12.5-5-23.7-12-32.7-22c-10.6-11.8-14.4-25.6-11.6-41.2 C268.1,371.7,268.5,370,268.8,368.1z M395.2,491.8c0-0.1,0-0.1,0-0.2c-2.4-0.3-4.8-0.4-7.1-0.8c-10.7-1.9-21.5-3.5-32.1-5.9 c-15-3.3-29.9-7-44.7-10.9c-10.8-2.8-21.2-6.6-31.2-11.5c-13.1-6.4-24.4-15-33-26.9c-1.9-2.6-3.6-5.4-5.4-8.1c0,0-0.1,0.2-0.1,0.3 c0.2,3.6,0.1,7.1,0.6,10.7c0.8,6.2,3.5,11.8,7.2,16.8c3,4.2,6.1,8.4,10.2,11.7c4.4,3.5,9.1,6.4,14.1,8.9 c11.9,5.9,24.4,10.3,37.7,12.2c7.2,1.1,14.6,1.8,21.9,2.2c12.4,0.7,24.7,1.1,37.1,1.5c6.5,0.2,12.9,0.1,19.4,0.1 C391.5,491.8,393.3,491.8,395.2,491.8z%22/%3E %3Cpath d=%22M427.3,321.3c1.1,0.1,2.3,0.2,3.4,0.5c4.6,1.1,7,5,5.2,9.5c-1.5,3.7-3.4,7.4-5.6,10.8c-5,7.7-10.3,15.1-15.4,22.7 c-5.3,8-8.4,16.9-9.9,26.5c-1.4,9.3-0.5,18.4,1.2,27.6c0.6,3.4,0.9,6.9,1.2,10.3c0.4,4-3.8,6.5-7.3,5.2 c-8.6-3.1-15.2-8.7-20.3-16.2c-5.1-7.6-8.1-16.1-9.6-25.2c-1.1-6.6-1.3-13.2-0.4-19.9c1.2-9.1,4.8-17.3,10.1-24.7 c9.6-13.4,22.5-21.9,38.6-25.7c1.4-0.3,2.8-0.6,4.2-0.8C424.3,321.6,425.7,321.5,427.3,321.3z M399.5,427.8 c-0.1-0.7-0.1-1.1-0.1-1.4c-0.3-2-0.7-3.9-0.9-5.9c-0.5-5.2-1.1-10.4-1.5-15.6c-0.6-8.5,0.2-16.8,2.7-24.9 c3.2-10.5,8.6-19.9,14.7-28.9c3.8-5.6,7.7-11.1,11.4-16.7c0.8-1.2,1.4-2.5,1.8-3.8c0.5-1.6-0.3-2.6-1.9-2.4 c-2.1,0.3-4.2,0.5-6.2,1.1c-13.3,4.3-24.2,12.1-32.8,23.2c-4.6,6-7.7,12.7-8.9,20.2c-0.8,5.3-0.6,10.6,0.1,15.9 c1.1,9.2,3.9,17.7,8.8,25.6C390.1,419.4,394.1,424,399.5,427.8z%22/%3E %3Cpath d=%22M486.8,524.4c-1.2-0.3-2.5-0.8-3.7-0.8c-5.4-0.1-10.8-0.1-16.1-0.1c-1.1,0-2.3,0-3.3-0.3c-2-0.5-2.8-2.2-2.1-4.2 c0.3-0.9,0.9-1.3,1.9-1.3c6.6,0,13.1-0.1,19.7,0.1c2.8,0.1,5.7,0.6,8,2.7c1.6,1.5,2.6,3.2,2.6,5.5c0,2.9,0,5.8,0,8.7 c0,5.8-3.6,8.6-8.9,8.8c-6,0.3-11.9,0-17.9,0.1c-3.1,0-5.9-0.9-8.4-2.6c-1.8-1.2-2.9-2.8-2.7-5c0.1-0.8,0-1.6,0-2.3 c0-4.2,2.1-7,6.2-8.1c1.4-0.3,2.8-0.5,4.2-0.5c6.5-0.1,13,0,19.5,0c0.3,0,0.7,0,1,0C486.7,524.8,486.8,524.6,486.8,524.4z M475.8,530.8L475.8,530.8c-3.3,0.1-6.6,0-9.8,0.1c-2.9,0.1-3.3,0.6-3.3,3.5c0,2.5,0.6,3.2,3.1,3.5c5.9,0.5,11.8,0.8,17.7,0 c3-0.4,3.8-1.2,3.8-4.2c0-0.4-0.1-0.9,0-1.3c0.1-1.2-0.5-1.6-1.7-1.6C482.3,530.8,479.1,530.8,475.8,530.8z%22/%3E %3Cpath d=%22M401,525.4c-1.2-0.3-2.5-0.8-3.7-0.8c-5.4-0.1-10.8-0.1-16.1-0.1c-1.1,0-2.3,0-3.3-0.3c-2-0.5-2.8-2.2-2.1-4.2 c0.3-0.9,0.9-1.3,1.9-1.3c6.6,0,13.1-0.1,19.7,0.1c2.8,0.1,5.7,0.6,8,2.7c1.6,1.5,2.6,3.2,2.6,5.5c0,2.9,0,5.8,0,8.7 c0,5.8-3.6,8.6-8.9,8.8c-6,0.3-11.9,0-17.9,0.1c-3.1,0-5.9-0.9-8.4-2.6c-1.8-1.2-2.9-2.8-2.7-5c0.1-0.8,0-1.6,0-2.3 c0-4.2,2.1-7,6.2-8.1c1.4-0.3,2.8-0.5,4.2-0.5c6.5-0.1,13,0,19.5,0c0.3,0,0.7,0,1,0C400.9,525.8,401,525.6,401,525.4z M390,531.8 L390,531.8c-3.3,0.1-6.6,0-9.8,0.1c-2.9,0.1-3.3,0.6-3.3,3.5c0,2.5,0.6,3.2,3.1,3.5c5.9,0.5,11.8,0.8,17.7,0 c3-0.4,3.8-1.2,3.8-4.2c0-0.4-0.1-0.9,0-1.3c0.1-1.2-0.5-1.6-1.7-1.6C396.5,531.8,393.3,531.8,390,531.8z%22/%3E %3Cpath d=%22M321.4,524.7c-1.1-0.9-2.3-1.3-3.7-1.3c-5.4,0-10.8,0-16.1-0.1c-1.1,0-2.3,0-3.4-0.2c-1.9-0.4-2.7-1.9-2.2-3.8 c0.3-1.1,0.9-1.5,2-1.5c6.4,0,12.7-0.1,19.1,0.1c2.9,0.1,5.8,0.6,8.2,2.7c1.7,1.5,2.7,3.3,2.6,5.6c-0.1,2.8,0,5.7,0,8.5 c0,5.6-3.4,8.4-8.7,8.6c-6,0.3-11.9,0-17.9,0.1c-3.1,0-5.8-0.9-8.3-2.5c-1.7-1.2-2.8-2.7-2.6-4.9c0.1-0.8,0-1.7,0-2.5 c0-4.2,2-6.8,6.2-7.8c1.4-0.3,2.8-0.5,4.2-0.5c6.4-0.1,12.8,0,19.2,0c0.4,0,0.8,0,1.3-0.1C321.4,525,321.4,524.9,321.4,524.7z M310.7,530.6L310.7,530.6c-3.5,0.1-7,0-10.6,0.2c-1.1,0.1-2.6,0.6-3.2,1.4c-1.4,2,0.1,5.1,2.5,5.7c0.2,0.1,0.5,0.1,0.7,0.1 c6.3,0.8,12.6,0.5,18.9,0c1.2-0.1,2.2-0.7,2.5-1.9c0.2-1.2,0.2-2.4,0.3-3.6c0.2-1.6-0.6-1.9-2-1.8 C316.8,530.7,313.8,530.6,310.7,530.6z%22/%3E %3Cpath d=%22M233.6,525c0-4,0-7.9,0-11.9c0-1.2,0.4-1.5,1.5-1.5c4,0,4.1,0.1,4.1,4.1c0,2.8,0,2.8,2.9,2.8c5.5,0,11.1-0.1,16.6,0.1 c2.2,0.1,4.4,0.7,6.5,1.6c2.6,1.1,3.8,3.4,3.9,6.2c0.1,3,0.1,6.1,0,9.1c-0.2,4.2-2.3,6.5-7,7.6c-1.6,0.4-3.4,0.5-5.1,0.5 c-4.4,0-8.7,0.1-13.1-0.1c-2.8-0.1-5.4-1-7.7-2.5c-1.8-1.2-2.8-2.7-2.7-5C233.7,532.3,233.6,528.6,233.6,525z M249.7,523.8 L249.7,523.8c-3,0-6,0.1-8.9,0c-1.3,0-1.6,0.4-1.6,1.6c0.1,2.9,0,5.8,0,8.7c0,2.1,0.2,2.5,2.2,3.2c0.8,0.3,1.6,0.5,2.4,0.6 c5.4,0.8,10.9,0.5,16.4,0c1.7-0.2,2.7-1.3,2.7-3.1c0-2.3,0-4.6,0-6.9c0-2.8-0.8-3.7-3.5-4.1c-0.6-0.1-1.2-0.1-1.8-0.1 C255,523.8,252.4,523.8,249.7,523.8z%22/%3E %3Cpath class=%22st3%22 d=%22M331.3,518.3c1.6-0.3,2.6,0.5,3.5,1.7c4.3,5.3,8.6,10.5,12.9,15.8c1.3,1.6,1.5,1.6,2.8-0.1 c3-3.8,6.1-7.5,9.2-11.3c1.3-1.6,2.5-3.1,3.8-4.7c1.1-1.3,3.8-1.9,5.3-1.3c1.1,0.5,1.6,1.6,0.9,2.7c-1,1.5-3.8,4.9-5,6.3 c-4.9,5.9-8.2,9.9-13.2,15.8c-1.4,1.7-3.4,1.7-4.8,0c-5.8-7-11.7-14-17.5-21c-1.4-1.7-1.4-3,0-3.7 C329.8,518.4,330.6,518.4,331.3,518.3z%22/%3E %3Cpath d=%22M437.2,533.2c0-2.7,0-5.5,0-8.2c0-1.1-0.3-1.5-1.4-1.5c-2.3,0-3.5-1.9-2.4-3.9c0.3-0.6,1.3-1.1,2-1.1 c1.9-0.2,1.9-0.1,1.9-2c0-1,0-2,0-2.9c0-1.3,0.6-2,2-2c4,0,4-0.1,4,3.9c0,3,0,3,3,3c1.9,0,3.8,0,5.7,0c1.5,0,1.9,0.9,2.1,2.1 c0.2,1.8-0.2,2.8-1.5,3c-2.5,0.2-5.1,0.3-7.6,0.3c-1.3,0-1.8,0.4-1.7,1.7c0.1,5.2,0,10.4,0,15.6c0,2-0.5,2.4-2.4,2.4 c-3.6,0-3.6,0-3.6-3.7C437.3,537.6,437.3,535.4,437.2,533.2L437.2,533.2z%22/%3E %3Cpath d=%22M415.4,533.2c0-2.8,0-5.6,0-8.4c0-0.9-0.3-1.3-1.2-1.3c-2.4-0.1-3.5-1.8-2.4-4c0.3-0.5,1.2-1.1,1.8-1.1 c2.3,0,1.9-0.2,1.9-2.1c0-1,0-2,0-2.9c0.1-1.2,0.6-1.9,1.9-1.9c4-0.1,4-0.1,4.1,4c0,2.9,0,2.9,3,2.9c1.9,0,3.8,0.1,5.7,0 c1.4-0.1,1.9,0.7,2.1,1.9c0.3,2.1,0,3-1.6,3.2c-2.4,0.3-4.8,0.3-7.2,0.3c-2.1,0-2.1,0-2.1,2.1c0,5,0,10.1,0,15.1 c0,2.1-0.4,2.5-2.5,2.5c-3.5-0.1-3.5-0.1-3.5-3.6C415.5,537.7,415.5,535.4,415.4,533.2L415.4,533.2z%22/%3E %3Cpath d=%22M270.9,533.3c0-2.3,0-4.6,0-6.9c0-4.5,2.4-7.3,6.8-7.9c2.6-0.4,5.3-0.4,8-0.6c1.3-0.1,1.9,0.7,2,2c0.2,2-0.2,2.9-1.5,3.1 c-1.8,0.3-3.7,0.3-5.5,0.5c-2.7,0.2-3.7,1.3-3.7,4c0,4.6,0,9.2,0,13.8c0,2-0.3,2.3-2.3,2.3c-0.5,0-1,0-1.5,0 c-1.6-0.1-2.3-0.7-2.3-2.4C270.9,538.5,270.9,535.9,270.9,533.3z%22/%3E %3Cpath d=%22M487.5,514.9c-2.7,0-4.9-2.2-4.9-4.8c0-2.7,2.3-4.9,5-4.9s5,2.3,4.9,5C492.5,512.8,490.2,514.9,487.5,514.9z M483.8,510.1 c-0.1,2.2,1.4,3.9,3.5,3.9c2.1,0.1,3.7-1.5,3.8-3.7c0.1-2.2-1.5-3.9-3.5-4C485.6,506.3,483.9,508,483.8,510.1z%22/%3E %3Cg class=%22st4%22%3E %3Cpath d=%22M487,510.3h-0.4v1.7c0,0.2,0,0.4-0.1,0.5c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.1-0.3-0.1-0.5 v-4.1c0-0.2,0.1-0.4,0.2-0.5s0.3-0.2,0.5-0.2h1.7c0.2,0,0.4,0,0.6,0s0.3,0.1,0.5,0.1c0.2,0.1,0.3,0.2,0.4,0.3s0.2,0.3,0.3,0.5 c0.1,0.2,0.1,0.4,0.1,0.5c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.6,0.4-1,0.5c0.2,0.1,0.4,0.2,0.5,0.4c0.2,0.2,0.3,0.4,0.5,0.6 c0.1,0.2,0.2,0.4,0.3,0.6c0.1,0.2,0.1,0.3,0.1,0.4c0,0.1,0,0.1-0.1,0.2c0,0.1-0.1,0.1-0.2,0.2c-0.1,0-0.2,0.1-0.3,0.1 c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.2-0.1-0.2-0.2c-0.1-0.1-0.1-0.2-0.2-0.4l-0.4-0.7c-0.2-0.3-0.3-0.5-0.4-0.6 c-0.1-0.1-0.2-0.2-0.4-0.3S487.1,510.3,487,510.3z M487.6,508.1h-1v1.5h1c0.3,0,0.5,0,0.7-0.1c0.2,0,0.3-0.1,0.4-0.2 c0.1-0.1,0.1-0.3,0.1-0.4c0-0.1,0-0.3-0.1-0.4c-0.1-0.1-0.2-0.2-0.3-0.3C488.2,508.1,487.9,508.1,487.6,508.1z%22/%3E %3C/g%3E %3Cpath d=%22M452.8,471.4c-21.8-0.3-39.6-17.8-39.4-38.7c0.2-21.8,18.5-39.7,40.4-39.4c21.9,0.3,39.9,18.8,39.4,40.4 C492.6,454.7,474.4,471.7,452.8,471.4z M424,431.3c-0.7,17.3,11.5,31.1,28.2,31.7c16.9,0.6,30-12.1,30.4-29.4s-11.8-31.2-28.2-32 C438.1,400.9,424.7,414.1,424,431.3z%22/%3E %3C/g%3E %3C/g%3E%3C/svg%3E");

  --bosque:#0A2F1B;
  --lima:#ABEF61;
  --naranja:#FF6A00;        /* el UNICO naranja de la web */
  /* el verde hondo de los recuadros de los logos: la unica caja
     que se usa en toda la web. Manu, 16/08/2026 */
  --bosque-hondo:#062614;
  --texto:#E7F2E3;
  --letra-titulo:'BVmano',cursive;
  --letra-texto:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* ---------- 1. EL FONDO: un solo verde en toda la web ------- */
html,html body{background-color:var(--bosque) !important}
html body section.sec:not(.bv-cierre),
html body section.sec.m-verde:not(.bv-cierre),
html body section.sec.m-verde:first-of-type,
html body section.sec:last-of-type:not(.bv-cierre),
html body section.sec.cierre,
html body .blackbody,
html body .blocks.body,
.bv.bv.bv section.sec:not(.bv-cierre),
.bv.bv.bv section.sec.m-verde:not(.bv-cierre),
.bv.bv.bv section.sec.m-verde:first-of-type,
.bv.bv.bv section.sec:last-of-type:not(.bv-cierre),
.bv.bv.bv .blackbody{
  background:transparent !important;background-color:transparent !important}

/* ---------- 2. LA CAPA DE HOJAS, detras de todo ------------- */
html body{position:relative !important}
html body .bv-hojas{
  position:absolute !important;
  top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
  width:auto !important;height:auto !important;
  margin:0 !important;padding:0 !important;
  overflow:hidden !important;pointer-events:none !important;
  z-index:0 !important}
html body .bv-hojas > div{
  position:absolute !important;display:block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  height:auto !important;max-width:none !important}
html body > *:not(.bv-hojas):not(.bv-ver):not(script):not(style):not(link):not(.wpfixed):not(.cookiepop){
  position:relative !important;z-index:1 !important}

/* ---------- 3. EL SELLO DE VERSION, mismo sitio siempre ----- */
html body .bv-ver.bv-ver.bv-ver{
  position:absolute !important;top:8px !important;right:16px !important;
  z-index:5 !important;margin:0 !important;padding:0 !important;
  font-family:var(--letra-texto) !important;
  font-size:11px !important;font-weight:700 !important;letter-spacing:.06em !important;
  color:rgba(171,239,97,.55) !important;
  -webkit-text-fill-color:rgba(171,239,97,.55) !important;
  pointer-events:none !important}

/* ---------- 4. EL CABECERO: logo izquierda, menu centrado --- */
html body .block100.header ul.tools,
.bv.bv.bv .block100.header ul.tools{display:none !important}
html body .block100.header,
.bv.bv.bv .block100.header{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) !important;
  align-items:center !important;position:relative !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  grid-column:1 !important;justify-self:start !important;
  position:static !important;transform:none !important;margin:0 !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{
  grid-column:2 !important;
  display:flex !important;flex-wrap:wrap !important;
  justify-content:center !important;align-items:center !important;
  margin:0 !important;float:none !important;width:auto !important}
@media (max-width:1100px){
  html body .block100.header,.bv.bv.bv .block100.header{
    grid-template-columns:1fr !important;justify-items:center !important}
  html body .block100.header a.logo{justify-self:center !important}
}

/* ---------- 5. EL TITULAR DE CADA SECCION -------------------
   SIEMPRE en este orden y siempre centrado:
       circulo con icono  ->  titulo  ->  subtitulo
   ------------------------------------------------------------ */
html body .parr,
.bv.bv.bv .parr{text-align:center !important}

html body .parr > .iconinside,
.bv.bv.bv .parr > .iconinside{
  display:flex !important;align-items:center !important;justify-content:center !important;
  float:none !important;clear:both !important;
  width:150px !important;height:150px !important;
  margin:0 auto 14px !important;padding:0 !important;
  border:3px solid var(--lima) !important;border-radius:50% !important;
  box-shadow:none !important;overflow:hidden !important;background:transparent !important}
html body .parr > .iconinside > *,
.bv.bv.bv .parr > .iconinside > *{
  margin:0 !important;float:none !important;position:static !important}
html body .parr .iconinside .bv-icono{width:56% !important;height:56% !important;display:block !important}
html body .parr .iconinside svg.bv-logo-circ{width:68% !important;height:auto !important;display:block !important;max-width:none !important}

html body .parr > h1,
.bv.bv.bv .parr > h1{
  display:block !important;width:100% !important;
  margin:0 auto 10px !important;padding:0 !important;
  font-family:var(--letra-titulo) !important;font-weight:400 !important;
  font-size:clamp(30px,4.2vw,52px) !important;line-height:1.1 !important;
  text-align:center !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-shadow:0 2px 12px rgba(0,0,0,.5) !important;
  position:static !important;text-indent:0 !important;overflow:visible !important}

/* la segunda palabra del titulo, en NARANJA.
   Se blinda con la clase triple porque la plantilla vieja pinta
   de amarillo cualquier <span> dentro de un titular. */
html body .parr > h1 .bv-t2,
html body .parr > h1 span.bv-t2.bv-t2,
.bv.bv.bv .parr > h1 .bv-t2,
.bv.bv.bv .parr > h1 span.bv-t2.bv-t2,
.bv.bv.bv h1 span.bv-t2{
  color:var(--naranja) !important;
  -webkit-text-fill-color:var(--naranja) !important;
  background:none !important}

html body .parr > p,
.bv.bv.bv .parr > p{
  text-align:center !important;overflow:visible !important;
  max-width:820px !important;margin:0 auto 18px !important;
  float:none !important;
  font-family:var(--letra-texto) !important;
  font-size:18px !important;line-height:1.5 !important;
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important}

/* ---------- 6. TITULARES VIEJOS QUE SOBRABAN ---------------
   Algunas paginas pintaban su titulo con un ::before del CSS.
   Ahora el titulo es un <h1> de verdad, asi que ese sobra y
   salia duplicado. */
html body.category-galerias .blocks.body > .block100.grid::before,
html body.category .blocks.body > .block100.grid::before,
html body .block100.redes::after{
  content:none !important;display:none !important}

/* ---------- 7. EL PIE --------------------------------------- */
html body .bottom .bv-copy{
  display:block !important;width:100% !important;text-align:center !important;
  margin:14px 0 10px !important;padding:0 !important;
  font-family:var(--letra-texto) !important;
  font-size:15px !important;font-weight:400 !important;
  color:rgba(232,240,234,.72) !important;
  -webkit-text-fill-color:rgba(232,240,234,.72) !important}

/* ---------- 8. EL AVISO DE LOS 18, sobre el circulo --------- */
html body .parr #aviso-18-rojo{
  position:relative !important;z-index:20 !important;
  height:150px !important;box-sizing:border-box !important;
  width:min(640px,100%) !important;max-width:640px !important;
  margin:-164px auto 14px !important;
  float:none !important;clear:both !important;
  background:var(--naranja) !important}


/* ---------- 9. AJUSTES FINOS (15/08/2026) -------------------
   Medido en el servidor: galerias separaba el circulo del menu
   26 px y las demas 0. Se toma galerias como referencia y se
   iguala en todas.
   ------------------------------------------------------------ */
html body .parr > .iconinside,
.bv.bv.bv .parr > .iconinside{margin-top:52px !important}

/* el remolino y la palabra "bravatta" van juntos, no separados.
   Al centrar el menu, el dibujo se quedaba solo a la izquierda
   y la palabra se pegaba al menu. */
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  display:inline-flex !important;align-items:center !important;
  gap:10px !important;white-space:nowrap !important;
  width:auto !important;max-width:none !important}
html body .block100.header a.logo h1,
.bv.bv.bv .block100.header a.logo h1{
  position:static !important;display:inline-block !important;
  margin:0 !important;padding:0 !important;
  transform:none !important;left:auto !important;right:auto !important;
  top:auto !important;float:none !important}

/* el copyright, un poco mas pequeno */



/* ---------- 10. EL MENU EN DOS LINEAS (15/08/2026) ---------
   Los textos de dos palabras se parten; los de una quedan
   centrados a la misma altura para que la fila no baile. */
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{
  display:flex !important;align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;margin:0 !important;padding:0 !important}
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  display:block !important;text-align:center !important;
  line-height:1.15 !important;padding:6px 12px !important;
  white-space:normal !important}


/* ---------- 11. MENU DE BOTONES Y LOGO JUNTO (15/08/2026) ---
   Cada entrada del menu es un boton con marco lima, todos del
   mismo alto (dos lineas), y el remolino va pegado a la palabra
   "bravatta" en una sola pieza.
   ------------------------------------------------------------ */

/* el logo: remolino + palabra, juntos */
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  width:250px !important;height:46px !important;
  background-image:url(../img/logo2.svg),url(../img/logotext.svg) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-size:auto 100%,auto 44% !important;
  background-position:left center,72px center !important;
  display:block !important;float:none !important}
html body .block100.header a.logo h1,
.bv.bv.bv .block100.header a.logo h1{
  display:block !important;width:1px !important;height:1px !important;
  overflow:hidden !important;text-indent:-9999px !important;
  margin:0 !important;padding:0 !important;position:static !important}

/* cada entrada, un boton con marco lima */
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{gap:8px !important}
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{
  display:flex !important;margin:0 !important;padding:0 !important;
  min-height:0 !important;background:none !important}
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;white-space:normal !important;
  min-height:52px !important;padding:6px 14px !important;
  border:1px solid var(--lima) !important;border-radius:10px !important;
  line-height:1.15 !important;letter-spacing:.02em !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-decoration:none !important;background:transparent !important;
  transition:background .15s,color .15s !important}

html body .block100.header ul.menu > li.current-menu-item > a,
.bv.bv.bv .block100.header ul.menu > li.current-menu-item > a{
  background:var(--lima) !important;
  color:var(--bosque) !important;-webkit-text-fill-color:var(--bosque) !important}


/* ---------- 12. REMATES (15/08/2026) ------------------------ */

/* galerias traia 26 px de mas por su cuenta: se le quitan, para
   que los 52 salgan de una sola regla y no de dos sumadas */
html body.category-galerias .blocks.body,
html body.category .blocks.body{padding-top:0 !important}

/* el sello de version, igual de visible en TODAS. En logos la
   pagina lo apagaba con su blindaje. */
html body .bv-ver,
html body .bv-ver.bv-ver.bv-ver,
.bv.bv.bv .bv-ver,
.bv.bv.bv .bv-ver.bv-ver.bv-ver{
  color:rgba(171,239,97,.55) !important;
  -webkit-text-fill-color:rgba(171,239,97,.55) !important;
  opacity:1 !important;visibility:visible !important;display:block !important}

/* la landing arranca mas arriba */
html body.bv-landing .blocks.body,
html body.bv-landing .blackbody,
.bv.bv.bv.bv-landing .blocks.body{padding-top:0 !important;margin-top:0 !important}
html body.bv-landing .header-logo,
.bv.bv.bv .header-logo{padding-top:0 !important;margin-top:-30px !important}




/* ---------- 13. LOS EXTRAS DE LA CALCULADORA ----------------
   Estaban con un velo blanco al 10% que los dejaba mas claros
   que el resto del formulario. Van al mismo verde que los demas
   campos: transparente sobre el fondo, con su marco lima.
   Al marcarlos siguen poniendose en lima, como estaba.
   ------------------------------------------------------------ */
html body .extra-card,
html body .sala-btn,
.bv.bv.bv .extra-card{
  background:transparent !important;background-color:transparent !important;
  border:1px solid var(--lima) !important;border-radius:12px !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  box-shadow:none !important}

html body .extra-card:has(input:checked),
html body .extra-card.active,
html body .extra-card.selected{
  background:var(--lima) !important;border-color:var(--lima) !important;
  color:var(--bosque) !important;-webkit-text-fill-color:var(--bosque) !important}


/* ---------- 14. REMATES 2 (15/08/2026) ---------------------- */
/* el copyright, mas pequeno todavia */
html body .bottom .bv-copy,
html body .bottom .bv-copy.bv-copy,
.bv.bv.bv .bottom .bv-copy{font-size:11px !important;letter-spacing:.04em !important}

/* entradas separaba el circulo 202 px del menu; las demas 52 */
html body.bv-entradas .blocks.body,
html body.bv-entradas .block100.maxw,
html body.bv-entradas .parr{
  padding-top:0 !important;margin-top:0 !important}
html body.bv-entradas .grid.productgrid{margin-top:0 !important;padding-top:0 !important}


/* ---------- 15. SEPARADORES (15/08/2026) -------------------- */

/* el pie: raya lima entre entradas, tambien detras de la ultima */
/* CADA enlace pone UNA raya, la de su izquierda, y el ultimo pone
   ademas la de la derecha. Si cada uno pusiera las dos, las de en
   medio saldrian dobles y mas gruesas que las de los extremos, que
   es justo lo que se veia. (16/08/2026) */
html body .bottom .block100.footer ul.menu > li,
.bv.bv.bv .bottom .block100.footer ul.menu > li{
  border-left:2px solid var(--lima) !important;
  border-right:0 !important;
  border-top:0 !important;border-bottom:0 !important;
  padding:0 14px !important;margin:0 !important;line-height:1 !important}
html body .bottom .block100.footer ul.menu > li:last-child,
.bv.bv.bv .bottom .block100.footer ul.menu > li:last-child{
  border-right:2px solid var(--lima) !important}
html body .bottom .block100.footer ul.menu,
.bv.bv.bv .bottom .block100.footer ul.menu{
  display:flex !important;flex-wrap:wrap !important;
  justify-content:center !important;align-items:center !important;
  gap:0 !important;padding:0 !important}

/* el menu de arriba: raya naranja entre botones y textos centrados */
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{
  border-right:2px solid var(--naranja) !important;
  padding-right:8px !important;margin-right:0 !important}
html body .block100.header ul.menu > li:last-child,
.bv.bv.bv .block100.header ul.menu > li:last-child{
  border-right:0 !important;padding-right:0 !important}
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  text-align:center !important;
  align-items:center !important;justify-content:center !important}


/* ---------- 16. EL MENU, AJUSTADO (15/08/2026) --------------
   - fuera los separadores naranjas
   - fuera las sombras del boton en lima: no dejaban leer
   - los tres de eventos (info, calcula y paga) en naranja fijo
   - menos aire dentro de cada boton, para que quepan todos
   ------------------------------------------------------------ */
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{
  border-right:0 !important;padding-right:0 !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{gap:5px !important}

html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  padding:5px 9px !important;font-size:12.5px !important;
  letter-spacing:0 !important;min-height:46px !important;
  border-radius:8px !important;
  text-shadow:none !important;box-shadow:none !important}

/* los tres de eventos, en naranja siempre */
html body .block100.header ul.menu > li > a[href*="info-eventos"],
html body .block100.header ul.menu > li > a[href*="calc.html"],
html body .block100.header ul.menu > li > a[href*="buy.stripe.com"],
.bv.bv.bv .block100.header ul.menu > li > a[href*="info-eventos"],
.bv.bv.bv .block100.header ul.menu > li > a[href*="calc.html"],
.bv.bv.bv .block100.header ul.menu > li > a[href*="buy.stripe.com"]{
  background:var(--naranja) !important;border-color:var(--naranja) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-shadow:none !important;box-shadow:none !important}


/* el logo, un poco mas estrecho para dejar sitio al menu */
html body .block100.header,
.bv.bv.bv .block100.header{
  grid-template-columns:minmax(232px,auto) 1fr minmax(0,10px) !important;
  column-gap:14px !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{width:232px !important;cursor:pointer !important}


/* ---------- 17. LOGO Y MENU, JUNTOS Y CENTRADOS (15/08/2026)
   Antes el logo iba pegado al borde izquierdo y el menu centrado
   aparte. Ahora los dos van en una sola fila centrada, con el
   logo pegado a los botones.
   ------------------------------------------------------------ */
html body .block100.header,
.bv.bv.bv .block100.header{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;justify-content:center !important;
  flex-wrap:wrap !important;gap:16px !important;
  column-gap:16px !important;row-gap:8px !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  grid-column:auto !important;justify-self:auto !important;
  flex:0 0 auto !important;margin:0 !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{
  grid-column:auto !important;flex:0 1 auto !important;
  justify-content:center !important;margin:0 !important}


/* ---------- 18. EL BANNER DE LA LANDING (15/08/2026) --------- */
html body .bv-banner{
  display:block !important;width:100% !important;max-width:1120px !important;
  /* medido: 72 px de hueco arriba y 0 abajo. Se reparte a 36 y 36
     para que el banner quede centrado entre el logo del menu y
     el de Xperience. (15/08/2026) */
  margin:-36px auto 36px !important;padding:0 !important;border:0 !important;
  border-radius:16px !important;overflow:hidden !important;
  background:transparent !important;aspect-ratio:auto !important}
html body .bv-banner img{
  display:block !important;width:100% !important;height:auto !important;
  border-radius:16px !important}


/* ---------- 19. LAS FLECHAS DEL CARRUSEL (15/08/2026) -------
   Salian dentro de un recuadro verde. Se quedan solo las
   flechas, blancas y con una sombra suave para que se lean
   encima de cualquier foto.
   ------------------------------------------------------------ */
html body .slick-arrow,
html body .slick-prev,
html body .slick-next,
.bv.bv.bv .slick-arrow{
  background:transparent !important;background-color:transparent !important;
  border:0 !important;box-shadow:none !important;border-radius:0 !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-shadow:0 2px 10px rgba(0,0,0,.7) !important;
  outline:none !important}
html body .slick-arrow::before,
html body .slick-prev::before,
html body .slick-next::before{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  background:transparent !important;
  text-shadow:0 2px 10px rgba(0,0,0,.7) !important;
  opacity:.95 !important}
html body .slick-arrow:hover,
html body .slick-arrow:focus{
  background:transparent !important;box-shadow:none !important}
/* el trozo del banner que antes era un enlace vacio */
html body .bv-nolink{display:block !important}


/* ---------- 20. EL FORMULARIO, PEGADO A LOS TESTIMONIOS -----
   Estaba suelto entre el cuerpo y el pie. Ahora va dentro del
   cuerpo, justo detras del carrusel de "Lo que dice la gente".
   ------------------------------------------------------------ */
html body .blocks.body .bottom.news{
  margin:0 auto !important;padding:10px 0 30px !important;
  background:transparent !important;border:0 !important}
html body .blocks.body .bottom.news .blocks{padding-top:0 !important;margin-top:0 !important}


/* ---------- 21. EL BANNER DE LA LANDING, CENTRADO -----------
   Medido en el servidor: la seccion pone 72 px de hueco arriba
   y 0 abajo, y el "blindaje" de la pagina pone margin:0 a todo.
   Por eso hace falta la clase triple. Se reparte: 36 y 36.
   ------------------------------------------------------------ */
html body .bv-banner,
.bv.bv.bv .bv-banner,
.bv.bv.bv div.bv-banner.bv-banner{
  display:block !important;
  width:100% !important;max-width:1120px !important;
  margin:-36px auto 36px !important;padding:0 !important;
  border:0 !important;border-radius:16px !important;
  overflow:hidden !important;background:transparent !important;
  aspect-ratio:auto !important}
html body .bv-banner img,
.bv.bv.bv .bv-banner img{
  display:block !important;width:100% !important;height:auto !important;
  margin:0 !important;border-radius:16px !important}

/* el rotulo de arriba: "Entradas" en naranja */
html body .bannertop p .bv-t2{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}


/* ---------- 22. EL ROTULO DE ARRIBA, MAS GRANDE ------------- */
html body .bannertop p,
.bv.bv.bv .bannertop p{
  font-size:23px !important;letter-spacing:.02em !important;
  line-height:1.2 !important;margin:0 !important}
@media (max-width:760px){
  html body .bannertop p{font-size:18px !important}
}


/* ---------- 23. EL WHATSAPP, AL BORDE DE LA APP ------------
   Estaba pegado al borde de la ventana: en pantallas anchas se
   iba lejisimos del contenido. Ahora se queda al borde derecho
   del ancho util (1120 px), como el resto. (15/08/2026) */
html body a.wpfixed,
.bv.bv.bv a.wpfixed{
  position:fixed !important;
  right:max(18px, calc(50vw - 560px + 18px)) !important;
  left:auto !important;z-index:60 !important}




/* ==========================================================
   24. LAS FICHAS DE ENTRADAS  (15/08/2026)
   La ficha del tema es una rejilla con zonas con nombre. NO se
   toca: al anularlas se descolocaba entera. Lo que se hace es
   meter la fila de compra dentro del bloque de texto, que ya
   ocupa todo el ancho, y repartir ahi los tres elementos.
   ========================================================== */
html body .productgrid .element .quickbuy.bv-fila{
  position:static !important;float:none !important;
  display:grid !important;grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;column-gap:8px !important;
  width:100% !important;margin:6px 0 14px !important;padding:0 !important;
  background:transparent !important;box-shadow:none !important}
html body .productgrid .element .bv-precio{
  justify-self:start !important;text-align:left !important;
  font-family:'BVmano',cursive !important;font-size:25px !important;
  color:#ABEF61 !important;-webkit-text-fill-color:#ABEF61 !important;
  white-space:nowrap !important}
html body .productgrid .element .bv-comprar{
  justify-self:center !important;white-space:nowrap !important;
  padding:12px 20px !important;font-size:13.5px !important;
  width:auto !important;margin:0 !important}
html body .productgrid .element .bv-lupa{
  justify-self:end !important;width:36px !important;height:36px !important;
  border:1px solid #ABEF61 !important;border-radius:10px !important;
  background:transparent !important;color:#ABEF61 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  cursor:zoom-in !important;padding:0 !important;margin:0 !important}
html body .productgrid .element .bv-lupa svg{width:21px !important;height:21px !important}

/* fichas sin flyer: el logo velado, un poco mas pequeno */
html body .productgrid .element.bv-hueco .cover{
  background-size:52% auto !important;opacity:.18 !important}


/* ==========================================================
   25. EL MENU SIEMPRE EN DOS LINEAS  (15/08/2026)
   Antes el corte lo hacia un <br> escrito a mano en cada texto,
   y al cambiar los textos se perdia. Ahora lo decide esta regla:
   se limita el ancho del boton y el texto parte solo, ponga lo
   que ponga. Todos con el mismo alto, aunque sea una palabra.
   ========================================================== */
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;word-break:normal !important;
  overflow-wrap:break-word !important;hyphens:none !important;
  max-width:13ch !important;
  min-height:50px !important;
  line-height:1.12 !important;padding:6px 10px !important;
  font-size:12.5px !important;letter-spacing:0 !important;
  border:1px solid var(--lima) !important;border-radius:8px !important;
  box-shadow:none !important;text-shadow:none !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{gap:6px !important;align-items:stretch !important}
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{display:flex !important;align-items:stretch !important}


/* ---------- 26. EL ACCESO AL CONTROL, DISCRETO -------------
   Un engranaje pequeno debajo del sello de version. Casi no se
   ve; solo se marca al pasar el raton por encima. (15/08/2026)
   ------------------------------------------------------------ */
/* el sello de version ES el acceso al panel: se pulsa encima.
   Sin fecha, que no le interesa a nadie. (15/08/2026) */
html body a.bv-ver,
.bv.bv.bv a.bv-ver{
  cursor:pointer !important;text-decoration:none !important;
  transition:color .18s ease !important}
html body a.bv-ver:hover,
.bv.bv.bv a.bv-ver:hover{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}

html body a.bv-control{
  position:absolute !important;top:26px !important;right:16px !important;
  z-index:6 !important;width:18px !important;height:18px !important;
  display:block !important;padding:0 !important;margin:0 !important;
  opacity:.22 !important;color:rgba(171,239,97,.85) !important;
  transition:opacity .18s ease !important;line-height:0 !important}
html body a.bv-control:hover{opacity:1 !important}
html body a.bv-control svg{width:18px !important;height:18px !important;display:block !important}


/* ---------- 27. BOTONES DEL MENU: TODOS IGUALES ------------
   Mismo ancho para los ocho, exactamente dos lineas, y se usa
   el hueco que quedaba libre entre el logo y el menu.
   ------------------------------------------------------------ */
html body .block100.header,
.bv.bv.bv .block100.header{
  gap:14px !important;column-gap:14px !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{
  gap:6px !important;flex:1 1 auto !important;
  justify-content:center !important;flex-wrap:nowrap !important}
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{
  flex:0 0 auto !important;display:flex !important}
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  width:118px !important;min-width:118px !important;max-width:118px !important;
  height:52px !important;min-height:52px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  text-align:center !important;white-space:normal !important;
  overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important;
  font-size:11.5px !important;line-height:1.15 !important;letter-spacing:0 !important;
  padding:4px 6px !important;box-sizing:border-box !important;
  border:1px solid var(--lima) !important;border-radius:8px !important;
  overflow:hidden !important}
@media (max-width:1240px){
  html body .block100.header ul.menu > li > a{
    width:104px !important;min-width:104px !important;max-width:104px !important;
    font-size:11px !important}
  html body .block100.header a.logo{width:190px !important}
}
@media (max-width:1040px){
  html body .block100.header ul.menu{flex-wrap:wrap !important}
}


/* ---------- 28. REMATES DEL MENU Y LAS FICHAS -------------- */

/* menos hueco entre el logo y los botones */
html body .block100.header,
.bv.bv.bv .block100.header{gap:10px !important;column-gap:10px !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{margin-right:0 !important}


/* fichas sin flyer: logo mas pequeno y el mismo verde de fondo
   que tienen los logos oficiales en la pagina de logos */
html body .productgrid .element.bv-hueco .cover{
  background-size:42% auto !important;opacity:.16 !important;
  background-color:#062614 !important;border-radius:12px !important}


/* ---------- 29. MENU EN UNA FILA Y FOTO A SANGRE ----------- */

/* "Inicio" sobra: el logo ya lleva a la portada, y con nueve
   botones no cabia todo en una fila */
html body .block100.header ul.menu > li > a[href*="portada.html"],
.bv.bv.bv .block100.header ul.menu > li > a[href*="portada.html"]{display:none !important}
html body .block100.header ul.menu > li:has(> a[href*="portada.html"]){display:none !important}

html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  width:112px !important;min-width:112px !important;max-width:112px !important}

/* la foto, de borde a borde de la ficha */
html body .productgrid .element a.bv-flyer{
  display:block !important;width:auto !important;
  margin:0 -14px 0 !important}
html body .productgrid .element a.bv-flyer .cover{
  width:100% !important;display:block !important;
  aspect-ratio:1/1 !important;
  background-size:cover !important;background-position:center !important;
  border-radius:12px 12px 0 0 !important}
html body .productgrid .element.bv-hueco .cover{
  margin:0 -14px 0 !important;border-radius:12px 12px 0 0 !important}


/* ---------- 30. EL LOGO, DE UNA PIEZA (15/08/2026) ---------
   El remolino y la palabra iban colocados en PIXELES FIJOS: la
   palabra empezaba siempre en el pixel 72 y media siempre lo
   mismo. Al estrechar la caja para pantallas pequenas (190 px),
   la palabra se salia por la derecha y se perdia contra el
   fondo verde: se leia "bravat".
   Ahora todo va en PORCENTAJE de la caja, asi que el dibujo
   entero se encoge con ella y nunca se corta.
       remolino  269.7 x 189    -> 28.3% del ancho
       palabra    93.9 x 12.8   -> 64%   del ancho, desde el 31%
   ------------------------------------------------------------ */
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  background-size:28.3% auto,64% auto !important;
  background-position:left center,86.2% center !important;
  height:46px !important;overflow:visible !important}
@media (max-width:1240px){
  html body .block100.header a.logo,
  .bv.bv.bv .block100.header a.logo{width:190px !important;height:38px !important}
}
@media (max-width:520px){
  html body .block100.header a.logo,
  .bv.bv.bv .block100.header a.logo{width:170px !important;height:34px !important}
}


/* ---------- 31. LOS OCHO BOTONES, TODOS A DOS LINEAS -------
   Medido en el navegador rotulo a rotulo: con 84 px de hueco
   interior los ocho textos parten en dos lineas exactas y la
   palabra mas larga ("PRESUPUESTO", 79,3 px) sigue entrando.
   Ancho de boton = 84 + 12 de margen interior + 2 de marco = 98.
   Ocho botones y siete huecos: 840 px, mas el logo, dentro de
   los 1120 de la app.
   ------------------------------------------------------------ */
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{
  gap:5px !important;column-gap:5px !important}
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  width:92px !important;min-width:92px !important;max-width:92px !important;
  padding:3px 4px !important}
@media (max-width:1240px){
  html body .block100.header ul.menu > li > a,
  .bv.bv.bv .block100.header ul.menu > li > a{
    width:92px !important;min-width:92px !important;max-width:92px !important;
    font-size:11.5px !important}
}
/* en el movil el menu ocupa todo el ancho y se centra solo, sin
   sangrias heredadas que lo empujaban fuera de la pantalla */
@media (max-width:760px){
  html body .block100.header ul.menu,
  .bv.bv.bv .block100.header ul.menu{
    width:100% !important;max-width:100% !important;
    padding:0 !important;margin:0 !important;
    gap:6px !important;column-gap:6px !important;row-gap:6px !important;
    flex-wrap:wrap !important;justify-content:center !important}
  html body .block100.header,
  .bv.bv.bv .block100.header{
    padding-left:8px !important;padding-right:8px !important;
    overflow-x:hidden !important}
}


/* ---------- 32. EL SELLO SE PULSA, EL ROTULO NO ESTORBA ----
   El sello llevaba "pointer-events:none": se veia pero no se
   podia pulsar. Ademas la franja de arriba entera era un enlace
   a las entradas y tapaba esa esquina. Ahora solo el TEXTO del
   rotulo lleva a las entradas; el resto de la franja no.
   ------------------------------------------------------------ */
html body .bv-ver.bv-ver.bv-ver,
.bv.bv.bv .bv-ver.bv-ver.bv-ver{
  pointer-events:auto !important;z-index:40 !important;
  cursor:pointer !important;text-decoration:none !important}

html body a:has(> .bannertop),
.bv.bv.bv a:has(> .bannertop),
html body .bannertop,
.bv.bv.bv .bannertop{pointer-events:none !important}
html body a:has(> .bannertop),
html body .bannertop,
.bv.bv.bv .bannertop{text-align:center !important}
html body .bannertop p,
.bv.bv.bv .bannertop p{
  pointer-events:auto !important;cursor:pointer !important;
  display:inline-block !important}


/* ---------- 33. EL LOGO ES UN BOTON MAS (15/08/2026) -------
   Iba suelto y quedaba un hueco raro entre la palabra
   "bravatta" y la fila de botones. Ahora es el primer boton de
   la fila: mismo alto, mismo marco lima, mismo hueco de 8 px.
       remolino  269.7 x 189   -> 29,3% del ancho
       palabra    93.9 x 12.8  -> 61,9% del ancho
   Ancho 168 + 8 de hueco + 840 de los ocho botones = 1016,
   dentro de los 1120 de la app.
   ------------------------------------------------------------ */
html body .block100.header,
.bv.bv.bv .block100.header{
  gap:5px !important;column-gap:5px !important;row-gap:5px !important;
  justify-content:center !important}
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{
  flex:0 0 auto !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{
  width:150px !important;height:52px !important;
  min-height:52px !important;box-sizing:border-box !important;
  border:1px solid var(--lima) !important;border-radius:8px !important;
  background-color:transparent !important;
  background-size:29.3% auto,61.9% auto !important;
  background-position:3.7% center,93% center !important;
  background-repeat:no-repeat,no-repeat !important;
  padding:0 !important;margin:0 !important;flex:0 0 auto !important;
  transition:background-color .18s ease,box-shadow .18s ease !important}

@media (max-width:1240px){
  html body .block100.header a.logo,
  .bv.bv.bv .block100.header a.logo{
    width:150px !important;height:52px !important}
}
@media (max-width:520px){
  html body .block100.header a.logo,
  .bv.bv.bv .block100.header a.logo{
    width:150px !important;height:48px !important}
}


/* ---------- 34. LA FICHA DE ENTRADAS, AL DETALLE -----------
   1. El flyer no se recorta. Iba con "cover": el marco quedaba
      un poco mas ancho que alto y el dibujo se recortaba por
      arriba y por abajo, comiendose el aire del flyer. Con
      "contain" se ve entero y sigue llenando el ancho.
   2. El nombre de la fiesta, grande y en verde lima.
   3. Precio y lupa centrados cada uno en su mitad libre, no
      pegados a los bordes.
   ------------------------------------------------------------ */

/* 1. el flyer, entero */
html body .productgrid .element a.bv-flyer .cover,
html body .productgrid .element .cover,
.bv.bv.bv .productgrid .element a.bv-flyer .cover{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important}
/* los marcos vacios llevan el logo velado, no un flyer */
html body .productgrid .element.bv-hueco .cover,
.bv.bv.bv .productgrid .element.bv-hueco .cover{
  background-size:42% auto !important}

/* 2. el nombre de la fiesta */
html body .productgrid .containerprice p:not(.bv-cuando),
.bv.bv.bv .productgrid .containerprice p:not(.bv-cuando){
  font-size:29px !important;line-height:1.1 !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  margin:8px 0 2px !important;
  /* los nombres largos se parten dentro de la ficha, no se salen */
  white-space:normal !important;overflow-wrap:break-word !important;
  word-break:normal !important;hyphens:none !important;
  max-width:100% !important;overflow:visible !important;
  text-overflow:clip !important}
@media (max-width:520px){
  html body .productgrid .containerprice p:not(.bv-cuando){font-size:26px !important}
}

/* 2b. la ficha crece con el texto. Medido: la rejilla de la
   ficha daba una fila FIJA de 154 px a los datos y, dentro,
   "containerprice" es una columna del reves que encogia los
   parrafos a 30 px. Un nombre de dos lineas se salia por abajo
   y se comia la fila de compra. */
html body.tax-product_cat .productgrid .element .holder,
html body .productgrid .element .holder{
  grid-template-rows:auto auto auto !important;
  align-content:start !important;
  /* todas las fichas de una fila, del mismo alto */
  height:100% !important;box-sizing:border-box !important}
html body .productgrid .element,
.bv.bv.bv .productgrid .element{align-self:stretch !important}
html body.tax-product_cat .productgrid .element .containerprice,
html body .productgrid .element .containerprice{
  height:auto !important;min-height:0 !important}
html body.tax-product_cat .productgrid .element .containerprice > *,
html body .productgrid .element .containerprice > *{
  flex:0 0 auto !important;height:auto !important;min-height:0 !important}

/* 3. los tres, cada uno centrado en su hueco */
html body .productgrid .element .bv-precio,
.bv.bv.bv .productgrid .element .bv-precio{
  justify-self:center !important;text-align:center !important}
html body .productgrid .element .bv-comprar,
.bv.bv.bv .productgrid .element .bv-comprar{justify-self:center !important}
html body .productgrid .element .bv-lupa,
.bv.bv.bv .productgrid .element .bv-lupa{justify-self:center !important}


/* ============================================================
   35. CONTRASTES, ESPACIOS Y HOVER  (15/08/2026)
   ------------------------------------------------------------
   EL FALLO DE RAIZ: la landing entera va dentro de una
   <section class="sec m-verde">. Como las reglas del modulo
   verde son de descendencia (".m-verde .lead"), se colaban
   TAMBIEN dentro de los bloques blanco, gris y lima. Resultado:
   texto claro sobre fondo claro. Medido con la formula de
   contraste WCAG: 24 sitios ilegibles, el peor a 1,01 (la lista
   de los platos: gris sobre verde medio).
   Aqui se corrige por modulo, con la clase repetida para que el
   verde de fuera no pueda ganar nunca.
   ============================================================ */

/* --- 35.1 los modulos claros, un poco mas cerrados ---------
   Seguian dejando pasar el verde del fondo y eso hundia el
   contraste. Las hojas se siguen viendo. */
.bv.bv.bv section.sec.m-blanco.m-blanco{background-color:rgba(247,251,246,.96) !important}
.bv.bv.bv section.sec.m-gris.m-gris{background-color:rgba(233,240,232,.95) !important}
.bv.bv.bv section.sec.m-lima.m-lima{background-color:rgba(171,239,97,.94) !important}

/* --- 35.2 BLOQUES CLAROS: todo el texto, oscuro ------------
   #3F4C45 sobre blanco = 8,0 : 1   (antes #66766E = 4,26)
   #0A2F1B sobre blanco = 9,2 : 1
   #FF6A00 sobre blanco = 5,2 : 1   (el naranja de marca daba 2,3) */
.bv.bv.bv .m-blanco.m-blanco.m-blanco,
.bv.bv.bv .m-gris.m-gris.m-gris,
.bv.bv.bv .m-blanco.m-blanco.m-blanco p,
.bv.bv.bv .m-gris.m-gris.m-gris p,
.bv.bv.bv .m-blanco.m-blanco.m-blanco li,
.bv.bv.bv .m-gris.m-gris.m-gris li,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .lead,
.bv.bv.bv .m-gris.m-gris.m-gris .lead,
.bv.bv.bv .m-blanco.m-blanco.m-blanco summary,
.bv.bv.bv .m-gris.m-gris.m-gris summary,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .mini,
.bv.bv.bv .m-gris.m-gris.m-gris .mini,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .piefoto,
.bv.bv.bv .m-gris.m-gris.m-gris .piefoto{
  color:#3F4C45 !important;-webkit-text-fill-color:#3F4C45 !important}

.bv.bv.bv .m-blanco.m-blanco.m-blanco h1,
.bv.bv.bv .m-blanco.m-blanco.m-blanco h2,
.bv.bv.bv .m-blanco.m-blanco.m-blanco h3,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .rot,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .kicker,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .grande,
.bv.bv.bv .m-gris.m-gris.m-gris h1,
.bv.bv.bv .m-gris.m-gris.m-gris h2,
.bv.bv.bv .m-gris.m-gris.m-gris h3,
.bv.bv.bv .m-gris.m-gris.m-gris .rot,
.bv.bv.bv .m-gris.m-gris.m-gris .kicker,
.bv.bv.bv .m-gris.m-gris.m-gris .grande{
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco .kicker::before,
.bv.bv.bv .m-gris.m-gris.m-gris .kicker::before{background:#062614 !important}

.bv.bv.bv .m-blanco.m-blanco.m-blanco strong,
.bv.bv.bv .m-gris.m-gris.m-gris strong{
  color:#062614 !important;-webkit-text-fill-color:#062614 !important}

/* la palabra destacada: naranja, pero uno que se lee */
.bv.bv.bv .m-blanco.m-blanco.m-blanco .n,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .nx,
.bv.bv.bv .m-gris.m-gris.m-gris .n,
.bv.bv.bv .m-gris.m-gris.m-gris .nx{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}

/* las cajas de dentro: claras, no verdes. En blanco daban 1,01 */
.bv.bv.bv .m-blanco.m-blanco.m-blanco .card.card.card,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .destacado.destacado,
.bv.bv.bv .m-blanco.m-blanco.m-blanco details.details,
.bv.bv.bv .m-blanco.m-blanco.m-blanco details,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .cita,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .rese,
.bv.bv.bv .m-gris.m-gris.m-gris .card.card.card,
.bv.bv.bv .m-gris.m-gris.m-gris .destacado.destacado,
.bv.bv.bv .m-gris.m-gris.m-gris details,
.bv.bv.bv .m-gris.m-gris.m-gris .cita,
.bv.bv.bv .m-gris.m-gris.m-gris .rese{
  background-color:rgba(255,255,255,.92) !important;
  border-color:rgba(14,74,44,.20) !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco .card.card.card h3,
.bv.bv.bv .m-gris.m-gris.m-gris .card.card.card h3{
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco .card.card.card p,
.bv.bv.bv .m-blanco.m-blanco.m-blanco .card.card.card li,
.bv.bv.bv .m-gris.m-gris.m-gris .card.card.card p,
.bv.bv.bv .m-gris.m-gris.m-gris .card.card.card li{
  color:#3F4C45 !important;-webkit-text-fill-color:#3F4C45 !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco ul.ck li::before,
.bv.bv.bv .m-gris.m-gris.m-gris ul.ck li::before{background:#062614 !important}

/* --- 35.3 BLOQUE LIMA: todo en verde hondo ----------------
   #062614 sobre lima = 8,4 : 1  (el naranja daba 1,70) */
.bv.bv.bv .m-lima.m-lima.m-lima,
.bv.bv.bv .m-lima.m-lima.m-lima p,
.bv.bv.bv .m-lima.m-lima.m-lima li,
.bv.bv.bv .m-lima.m-lima.m-lima .lead,
.bv.bv.bv .m-lima.m-lima.m-lima summary,
.bv.bv.bv .m-lima.m-lima.m-lima h1,
.bv.bv.bv .m-lima.m-lima.m-lima h2,
.bv.bv.bv .m-lima.m-lima.m-lima h3,
.bv.bv.bv .m-lima.m-lima.m-lima .rot,
.bv.bv.bv .m-lima.m-lima.m-lima .kicker,
.bv.bv.bv .m-lima.m-lima.m-lima strong,
.bv.bv.bv .m-lima.m-lima.m-lima .n,
.bv.bv.bv .m-lima.m-lima.m-lima .nx,
.bv.bv.bv .m-lima.m-lima.m-lima .mini,
.bv.bv.bv .m-lima.m-lima.m-lima .grande{
  color:#062614 !important;-webkit-text-fill-color:#062614 !important}
.bv.bv.bv .m-lima.m-lima.m-lima .kicker::before,
.bv.bv.bv .m-lima.m-lima.m-lima ul.ck li::before{background:#062614 !important}
.bv.bv.bv .m-lima.m-lima.m-lima .card.card.card,
.bv.bv.bv .m-lima.m-lima.m-lima .destacado.destacado,
.bv.bv.bv .m-lima.m-lima.m-lima details,
.bv.bv.bv .m-lima.m-lima.m-lima .cita{
  background-color:rgba(255,255,255,.80) !important;
  border-color:rgba(11,58,34,.22) !important}

/* --- 35.4 EL BLOQUE DEL FINAL -----------------------------
   Se queda en verde bosque, como esta, pero con la letra
   clara: llevaba los colores del bloque lima (verde sobre
   verde, 1,14 : 1) y no se leia nada. */
.bv.bv.bv section.sec:last-of-type,
.bv.bv.bv .bv-cierre p,
.bv.bv.bv .bv-cierre li,
.bv.bv.bv section.sec:last-of-type .lead,
.bv.bv.bv section.sec:last-of-type .mini{
  color:#DCEFE3 !important;-webkit-text-fill-color:#DCEFE3 !important}
.bv.bv.bv section.sec:last-of-type h1,
.bv.bv.bv .bv-cierre h2,
.bv.bv.bv section.sec:last-of-type h3,
.bv.bv.bv section.sec:last-of-type .rot{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bv.bv.bv .bv-cierre strong,
.bv.bv.bv .bv-cierre .kicker,
.bv.bv.bv .bv-cierre .n{
  color:#ABEF61 !important;-webkit-text-fill-color:#ABEF61 !important}
.bv.bv.bv section.sec:last-of-type .kicker::before,
.bv.bv.bv section.sec:last-of-type ul.ck li::before{background:#ABEF61 !important}
.bv.bv.bv section.sec:last-of-type .btn--s{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  border-color:rgba(255,255,255,.55) !important}

/* --- 35.5 MENOS AIRE MUERTO -------------------------------
   Medido: los bloques daban 86 px arriba y 86 abajo, y en la
   portada los testimonios 56/60 con el rotulo a 30/30 mas.
   Se recorta a la mitad larga en todas partes. */
.bv.bv.bv section.sec{padding:48px 0 !important}
.bv.bv.bv .eslogan{margin-bottom:6px !important}
.bv.bv.bv .eslogan + section.sec{padding-top:24px !important}
html body .testimonios,
.bv.bv.bv .testimonios{padding-top:26px !important;padding-bottom:26px !important}
html body .testimonios .h2,
html body .testimonios span.h2{margin-top:6px !important;margin-bottom:14px !important}
html body .bottom.news .block100.newsletter,
html body .block100.newsletter{margin-top:14px !important;margin-bottom:14px !important}
html body .bottom.news{padding-top:0 !important;padding-bottom:18px !important}

/* --- 35.7 EL NOMBRE RESERVA SIEMPRE DOS LINEAS ------------
   Si una ficha parte el nombre en dos, las demas dejaban su
   hueco en blanco y los botones se desalineaban. Ahora todas
   guardan las dos lineas. Manu, 15/08/2026. */
html body .productgrid .containerprice p:not(.bv-cuando),
.bv.bv.bv .productgrid .containerprice p:not(.bv-cuando){
  min-height:2.2em !important}


/* ============================================================
   36. EL AVISO DE COOKIES, CON LA ROPA DE LA CASA (15/08/2026)
   ------------------------------------------------------------
   Era una franja negra con una pestana granate pegada en la
   esquina: un pegote. Ahora es del verde de la web, con la
   linea lima arriba, y la pestana se convierte en un boton
   normal que pone "Entendido".
   ============================================================ */
html body > .cookiepop.cookiepop.cookiepop.cookiepop,
html body .cookiepop,
.bv.bv.bv .cookiepop{
  background:rgba(10,47,27,.97) !important;
  color:#DCEFE3 !important;-webkit-text-fill-color:#DCEFE3 !important;
  border-top:2px solid var(--lima) !important;
  box-shadow:0 -10px 30px rgba(0,0,0,.35) !important;
  padding:14px 20px 16px !important;
  /* la regla general de capas lo dejaba en "relative" y se
     quedaba tirado al final de la pagina: va anclado abajo */
  position:fixed !important;left:0 !important;right:0 !important;
  bottom:0 !important;top:auto !important;width:100% !important;
  box-sizing:border-box !important;
  display:none;
  align-items:center !important;justify-content:center !important;
  gap:18px !important;flex-wrap:wrap !important;
  text-align:center !important;z-index:9998 !important}
html body .cookiepop[style*="block"],
html body .cookiepop[style*="flex"]{display:flex !important}
html body .cookiepop p,
.bv.bv.bv .cookiepop p{
  margin:0 !important;max-width:820px !important;
  font-size:13.5px !important;line-height:1.45 !important;
  color:#DCEFE3 !important;-webkit-text-fill-color:#DCEFE3 !important;
  order:1 !important}

/* la pestana de la esquina se convierte en boton */
html body .cookiepop .close,
.bv.bv.bv .cookiepop .close{
  position:static !important;order:2 !important;
  left:auto !important;top:auto !important;margin:0 !important;
  width:auto !important;min-width:112px !important;height:auto !important;
  line-height:1 !important;border-radius:8px !important;
  background:var(--lima) !important;color:#0A2F1B !important;
  -webkit-text-fill-color:#0A2F1B !important;
  border:1px solid var(--lima) !important;
  padding:10px 16px !important;font-size:0 !important;
  text-decoration:none !important;cursor:pointer !important;
  display:inline-flex !important;align-items:center !important;
  justify-content:center !important;flex:0 0 auto !important}
html body .cookiepop .close::after,
.bv.bv.bv .cookiepop .close::after{
  content:"Entendido" !important;
  font-size:13px !important;font-weight:700 !important;
  letter-spacing:.04em !important;text-transform:uppercase !important;
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
html body .cookiepop .close:hover,
.bv.bv.bv .cookiepop .close:hover{
  background:#FF6A00 !important;border-color:#FF6A00 !important}

/* y ademas la fila de compra se ancla ABAJO del todo, asi las
   fichas quedan alineadas midan lo que midan. Manu: "o forzar
   siempre el boton abajo". */
html body .productgrid .element .holder,
html body.tax-product_cat .productgrid .element .holder{
  grid-template-rows:auto auto 1fr !important}
html body .productgrid .element .containerprice,
html body.tax-product_cat .productgrid .element .containerprice{
  height:100% !important;justify-content:space-between !important}


/* ============================================================
   37. LOS OCHO QUE SE RESISTIAN  +  EL MENU EN DOS FAMILIAS
   ------------------------------------------------------------
   Tras la 35 quedaban 8 sitios ilegibles. La landing tiene
   reglas con la clase repetida (".n.n.n") que ganaban a las
   mias. Aqui se repite mas veces, que es la unica manera de
   ganar sin tocar la pagina.
   ============================================================ */

/* --- la palabra destacada sobre fondo claro ---------------
   #FF6A00 sobre blanco = 5,2 : 1   (el naranja de marca, 2,3)
   #062614 sobre lima   = 8,4 : 1   (el naranja de marca, 1,7) */
.bv.bv.bv .m-blanco.m-blanco.m-blanco.m-blanco .n.n.n.n,
.bv.bv.bv .m-blanco.m-blanco.m-blanco.m-blanco .nx.nx.nx.nx,
.bv.bv.bv .m-blanco.m-blanco.m-blanco.m-blanco .rot .n.n.n.n,
.bv.bv.bv .m-blanco.m-blanco.m-blanco.m-blanco .card .n.n.n.n,
.bv.bv.bv .m-gris.m-gris.m-gris.m-gris .n.n.n.n,
.bv.bv.bv .m-gris.m-gris.m-gris.m-gris .nx.nx.nx.nx,
.bv.bv.bv .m-gris.m-gris.m-gris.m-gris .rot .n.n.n.n,
.bv.bv.bv .m-gris.m-gris.m-gris.m-gris .card .n.n.n.n{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}
.bv.bv.bv .m-lima.m-lima.m-lima.m-lima .n.n.n.n,
.bv.bv.bv .m-lima.m-lima.m-lima.m-lima .nx.nx.nx.nx,
.bv.bv.bv .m-lima.m-lima.m-lima.m-lima .rot .n.n.n.n,
.bv.bv.bv .m-lima.m-lima.m-lima.m-lima li .n.n.n.n{
  color:#062614 !important;-webkit-text-fill-color:#062614 !important}

/* --- el boton de linea, sobre fondo claro ----------------- */

/* --- los desplegables sobre caja oscura -------------------
   "Ver todo lo que lleva" salia en tinta casi negra sobre la
   caja verde: 1,23 : 1. */
.bv.bv.bv .m-verde details summary,
.bv.bv.bv .m-verde details summary::after,
.bv.bv.bv .m-verde details,
.bv.bv.bv .m-verde details li,
.bv.bv.bv .m-verde details p{
  color:#DCEFE3 !important;-webkit-text-fill-color:#DCEFE3 !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco details summary,
.bv.bv.bv .m-gris.m-gris.m-gris details summary,
.bv.bv.bv .m-lima.m-lima.m-lima details summary{
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}


/* --- EL MENU, EN DOS FAMILIAS (15/08/2026) ----------------
   Manu: los tres naranjas son Bravatta Xperience (eventos) y
   el resto es la sala. El logo se pone entre medias, a la
   derecha de PAGAR RESERVA, y separa las dos familias.
   Para poder ordenarlos, la lista deja de ser una caja y sus
   botones pasan a ser hermanos del logo. */
html body .block100.header ul.menu,
.bv.bv.bv .block100.header ul.menu{display:contents !important}
html body .block100.header ul.menu > li,
.bv.bv.bv .block100.header ul.menu > li{order:5 !important}
html body .block100.header ul.menu > li:has(> a[href*="info-eventos"]){order:1 !important}
html body .block100.header ul.menu > li:has(> a[href*="calc.html"]){order:2 !important}
html body .block100.header ul.menu > li:has(> a[href*="buy.stripe.com"]){order:3 !important}
html body .block100.header a.logo,
.bv.bv.bv .block100.header a.logo{order:4 !important}




/* ============================================================
   38. EL BOTON PRINCIPAL: GRANDE Y NARANJA, SIEMPRE
   ------------------------------------------------------------
   Cada modulo lo pintaba de un color (lima en el verde, verde
   hondo en el lima) y en el bloque del final quedaba lima sobre
   lima: no se veia. Manu: "calcula tu presupuesto antes era
   grande y naranja". Pues naranja en todos, con letra blanca.
   Lo que se lee es la letra contra el boton, no el boton contra
   el fondo: blanco sobre naranja de marca.
   ============================================================ */
.bv.bv.bv .btn--p-nada,


/* ============================================================
   39. EL LOGO SE ENCIENDE EN LIMA (15/08/2026)
   ------------------------------------------------------------
   El trazo no se toca: son los MISMOS dos dibujos, guardados
   aparte con el color cambiado a verde bosque. Al pasar el
   raton el boton se llena de lima y el logo pasa a bosque.
   ============================================================ */



/* ============================================================
   40. REMATES QUE PIDIO MANU (15/08/2026)
   ============================================================ */

/* las cruces de las preguntas, en naranja como antes. Sobre
   fondo claro va el naranja hondo, que ahi el de marca no se ve */
.bv.bv.bv details summary::after,
.bv.bv.bv .card details summary::after{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}
.bv.bv.bv .m-blanco.m-blanco.m-blanco details summary::after,
.bv.bv.bv .m-gris.m-gris.m-gris details summary::after,
.bv.bv.bv .m-lima.m-lima.m-lima details summary::after{
  color:#FF6A00 !important;-webkit-text-fill-color:#FF6A00 !important}

/* el pegote de la esquina: el titulo suelto del tema y su
   barra de herramientas. Nunca se ven. */
html body .block100.header a.logo h1,
html body a.logo h1,
.bv.bv.bv a.logo h1{
  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;
  clip-path:inset(50%) !important;white-space:nowrap !important;
  border:0 !important}
html body ul.tools,
html body .block100.header ul.tools,
.bv.bv.bv ul.tools{display:none !important}

/* en el pie sobran "Donde estamos" y "Prefieres escribir":
   ya estan en el menu de arriba. Manu, 15/08/2026. */
html body .block100.footer ul.menu > li:has(> a[href*="ubicacion"]),
html body .block100.footer ul.menu > li:has(> a[href*="contacto.html"]),
.bv.bv.bv .block100.footer ul.menu > li:has(> a[href*="ubicacion"]),
.bv.bv.bv .block100.footer ul.menu > li:has(> a[href*="contacto.html"]){
  display:none !important}
html body .block100.footer a[href*="ubicacion"],
html body .block100.footer a[href*="contacto.html"]{display:none !important}

/* EL PEGOTE DE LA ESQUINA, IDENTIFICADO -----------------------
   Era "div.menuResponsive": el menu movil del tema, con su
   hamburguesa, su aspa y el titulo "Sala Bravatta" en naranja
   subrayado, colgando al final de la pagina. No hace ninguna
   falta: nuestro menu ya se coloca solo en cualquier ancho.
   Manu, 15/08/2026: "quita eso". */
html body .menuResponsive,
html body div.menuResponsive,
.bv.bv.bv .menuResponsive{display:none !important}


/* ============================================================
   41. LA CALCULADORA: LOS BOTONES DE SALA (15/08/2026)
   ------------------------------------------------------------
   El boton elegido va en lima con letra verde hondo y se lee
   perfecto (8,4 : 1). El NO elegido se quedaba con la misma
   letra verde hondo pero sobre el fondo verde bosque: 1,14 : 1,
   o sea invisible. Ahora el que no esta elegido va con letra
   clara y marco lima.
   ============================================================ */
html body .sala-btn,
.bv.bv.bv .sala-btn{
  border:1px solid var(--lima) !important;
  background:rgba(171,239,97,.06) !important}
html body .sala-btn h4,
html body .sala-btn small,
html body .sala-btn span,
html body .sala-btn p,
.bv.bv.bv .sala-btn h4,
.bv.bv.bv .sala-btn small,
.bv.bv.bv .sala-btn span{
  color:#DCEFE3 !important;-webkit-text-fill-color:#DCEFE3 !important}
html body .sala-btn.active,
.bv.bv.bv .sala-btn.active{
  background:var(--lima) !important;border-color:var(--lima) !important}
html body .sala-btn.active h4,
html body .sala-btn.active small,
html body .sala-btn.active span,
html body .sala-btn.active p,
.bv.bv.bv .sala-btn.active h4,
.bv.bv.bv .sala-btn.active small,
.bv.bv.bv .sala-btn.active span{
  color:#062614 !important;-webkit-text-fill-color:#062614 !important}



/* ############################################################
   42. LA PIEL. UNA SOLA REGLA PARA TODO.
   ############################################################
   Esto sustituye a cinco secciones sueltas que hacian lo mismo
   en sitios distintos. Aqui se define UNA VEZ como es una caja
   en esta web, y se aplica a la lista de cosas que son cajas.

   Si manana hay que cambiar el grosor del marco, el color del
   fondo o el redondeo, se cambia AQUI ARRIBA y cambia todo.
   Nada de tocar en mil sitios.

       fondo de la web    #0A2F1B
       fondo de la caja   #062614
       marco              2 px lima
       naranja            solo botones de accion
   ############################################################ */

:root{
  --marco:2px solid #ABEF61;      /* el grosor de TODOS los marcos lima */
  --curva:12px;                   /* el redondeo de TODAS las cajas */
  /* LA LETRA DE TODOS LOS BOTONES. Medido el 16/08/2026: habia ONCE
     combinaciones distintas de fuente, tamano y peso. Aqui hay una. */
  /* Quicksand solo esta instalada en Regular: pedir negrita no hacia
     nada. SF Pro Display si esta en dos pesos reales (Medium y Bold),
     que es lo que permite que el boton cambie de verdad al pasarlo. */
  --boton-letra:'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;
  --boton-tamano:13px;
  --boton-grande:16px;            /* la llamada principal, un punto mas */
  --boton-peso:700;
  /* Manu, 16/08/2026: el naranja de TODOS los botones es el que tenia
     el menu al pasar el raton. Letra blanca y sin sombra. */
  --naranja-boton:#FF6A00;
}

/* ---------- 42.1 TODO LO QUE ES UNA CAJA ------------------- */
html body .productgrid .element,
html body .block100.grid .element > a,
html body .lg-card,
html body .block100.newsletter,
html body .wpcf7,
html body .extra-card,
html body .sala-btn,
html body .block100.header ul.menu > li > a,
html body .block100.header a.logo,
html body .parr .iconinside,
html body .productgrid .element .bv-lupa,
html body a.btn--s,
html body .btn--s,
html body a.atajo,
html body .lg-btn,
html body .bv-b2,
html body .bv-pronto,
html body a.estrellas,
html body .productgrid .element .cover,
html body .block100.grid .element .cover,
html body input[type=text],
html body input[type=email],
html body input[type=tel],
html body input[type=search],
html body input[type=number],
html body input[type=password],
html body input[type=date],
html body select,
html body textarea,
.bv.bv.bv .m-verde .card,
.bv.bv.bv .m-verde .destacado,
.bv.bv.bv .m-verde details,
.bv.bv.bv .m-verde .cita,
.bv.bv.bv .m-verde .rese,
.bv.bv.bv .m-verde .vt,
.bv.bv.bv .m-verde .testi,
.bv.bv.bv .m-verde .video-card{
  background-color:var(--bosque-hondo) !important;
  border:var(--marco) !important;
  border-radius:var(--curva) !important}

/* la ficha lleva UN SOLO marco, el de fuera. Al meterla en la regla
   comun se lo puse tambien a las capas de dentro y salian tres
   recuadros encajados. (16/08/2026) */
html body .productgrid .element .holder.holder,
html body .productgrid .element .cover.cover,
html body .block100.grid .element,
html body .block100.grid .element > a > .cover,
html body .block100.grid .element .cover{
  border:0 !important;background-color:transparent !important}
/* y la curva de dentro, 2 px menos que la de fuera, para que no se
   vea la doble linea en las esquinas. Manu, 17/08/2026. */
html body .productgrid .element .holder.holder{border-radius:10px !important}
html body .productgrid .element .cover.cover{border-radius:10px 10px 0 0 !important}
html body .block100.grid .element > a{
  display:block !important;overflow:hidden !important}
html body .productgrid .element .holder{
  background-color:var(--bosque-hondo) !important}
/* Las fichas sin fiesta: el logo iba pintado sobre la PORTADA, que
   solo ocupa el cuadrado de arriba, y por eso salia alto y a la
   izquierda. Ahora se pinta sobre la ficha entera y queda centrado
   de verdad, y mas pequeno. Manu, 16/08/2026. */
html body .productgrid .element.bv-hueco .cover,
.bv.bv.bv .productgrid .element.bv-hueco .cover{
  background-image:none !important;border-radius:var(--curva) !important}
html body .productgrid .element.bv-hueco .holder,
.bv.bv.bv .productgrid .element.bv-hueco .holder{
  background-image:var(--bv-logo-hueco) !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:30% auto !important}

/* ---------- 42.2 LO QUE VA DENTRO NO LLEVA CAJA ------------ */
html body .productgrid .element .gridflex,
html body .productgrid .element .containerprice,
html body .productgrid .element .quickbuy.bv-fila,
html body .productgrid .element a.bv-flyer,
html body .block100.grid .element p,
html body .lg-caja,
html body div.lg-caja,
html body .block100.newsletter form,
html body .block100.newsletter div.wpcf7,
html body .wpcf7 form.wpcf7-form,
html body .wpcf7 p,
html body .wpcf7 span,
html body .wpcf7 label,
html body .wpcf7 div,
.bv.bv.bv section.sec:not(.bv-cierre),
.bv.bv.bv section.sec.m-verde:not(.bv-cierre),
.bv.bv.bv section.sec.m-verde:first-of-type,
.bv.bv.bv section.sec:last-of-type:not(.bv-cierre){
  background-color:transparent !important;
  border:0 !important;box-shadow:none !important}
html body .wpcf7 hr{display:none !important}

/* la foto de la ficha manda sobre la caja: va a sangre */
html body .productgrid .element a.bv-flyer .cover{
  border:0 !important;border-radius:10px 10px 0 0 !important}

/* ---------- 42.3 LOS BOTONES NARANJAS ---------------------- */
html body .block100.header ul.menu > li > a[href*="info-eventos"],
html body .block100.header ul.menu > li > a[href*="calc.html"],
html body .block100.header ul.menu > li > a[href*="buy.stripe.com"],
html body .productgrid .element .bv-comprar,
html body .btn-vid,
html body input[type=submit],
html body button,
.bv.bv.bv .btn--p{
  background-color:var(--naranja) !important;
  border:2px solid var(--naranja) !important;
  border-radius:var(--curva) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}

/* ---------- 42.4 LO ELEGIDO SE ENCIENDE EN LIMA ------------ */
html body .extra-card.active,
html body .extra-card.selected,
html body .sala-btn.active{
  background-color:var(--lima) !important;border-color:var(--lima) !important;
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
html body .sala-btn.active h4,
html body .sala-btn.active small,
html body .sala-btn.active span{
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
html body .sala-btn h4,
html body .sala-btn small,
html body .sala-btn span{
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important}

/* el circulo del icono: al meterlo en la regla comun se le puso el
   redondeo estandar y se volvio cuadrado. A Manu le gusta asi, o sea
   que se queda cuadrado A PROPOSITO. Para devolverlo a circulo, aqui:
   border-radius:50%. (16/08/2026) */
html body .parr .iconinside{border-radius:var(--curva) !important}

/* las rayas de separacion, del lima de la casa y no de un gris suelto */
html body hr,
html body .bv-sep,
html body .bv-gracias p.bv-sep,
html body [class*="separador"]{
  border:0 !important;border-top:2px solid rgba(171,239,97,.35) !important;
  background:transparent !important;height:0 !important}

/* ---------- 42.5 LO QUE NO SE MUEVE ------------------------ */
html body .block100.grid .element > a,
html body .block100.grid .element > a:hover,
html body .blocks.body > .block100.grid > .element > a:hover{
  transform:none !important;box-shadow:none !important}

/* ---------- 42.6 LAS CASILLAS DE MARCAR NO SON CAJAS ------- */
html body input[type=checkbox],
html body input[type=radio]{
  background:initial !important;background-color:initial !important;
  border:initial !important;border-radius:0 !important;width:auto !important}

/* ---------- 42.7 LOS CAMPOS, LETRA Y FOCO ------------------ */
html body input,html body textarea,html body select{
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important}
html body input::placeholder,html body textarea::placeholder{
  color:rgba(231,242,227,.55) !important;-webkit-text-fill-color:rgba(231,242,227,.55) !important}
html body input:focus,html body textarea:focus,html body select:focus{
  outline:none !important;box-shadow:0 0 0 2px rgba(171,239,97,.30) !important}


/* ---------- 42.8 LOS BOTONES: TODOS IGUALES, SIEMPRE -------
   Manu, 16/08/2026: "TOOOOOOODO IGUAL, SIEMPRE Y EN TODOS LADOS".
   La lista sale de mirar TODAS las clases de <a>, <button> e
   <input> de las 17 paginas, no de ir adivinando una a una.

     letra   Quicksand 13, peso 700, MAYUSCULAS
     marco   2 px
     curva   12 px
     sombra  ninguna, ni en la caja ni en la letra

   Verde  -> al pasar el raton se llena de lima con letra bosque.
   Naranja-> letra verde bosque siempre (sobre naranja se lee a
             5,4 mientras que en blanco se queda en 2,7) y al
             pasar el raton el naranja se aviva.
   ------------------------------------------------------------ */
html body .btn.btn,
.bv.bv.bv .btn.btn,
.bv.bv.bv .btn--p.btn--p,
.bv.bv.bv .btn--s.btn--s,
html body .btn--p.btn--p,
html body .btn--s.btn--s,
html body .btn-platos.btn-platos,
html body .btn-vid.btn-vid,
html body .lg-btn.lg-btn,
html body .lg-btn--vec.lg-btn--vec,
html body .bv-b1.bv-b1,
html body .bv-b2.bv-b2,
html body .bv-calc.bv-calc,
html body .bv-comprar.bv-comprar,
html body .bv-pronto.bv-pronto,
html body .bv-lupa.bv-lupa,
html body .button.button,
html body .quickbuy.quickbuy,
html body .wpcf7-submit.wpcf7-submit,
html body .guardar.guardar,
html body .estrellas.estrellas,
html body .mini-link.mini-link,
html body .wa.wa,
html body .extra-card.extra-card,
html body .sala-btn.sala-btn,
html body .atajo.atajo,
html body .lg-btn.lg-btn,
html body #btn-enviar,
html body #btn-guardar,
html body .block100.header ul.menu > li > a{
  font-family:var(--boton-letra) !important;
  font-size:var(--boton-tamano) !important;
  font-weight:var(--boton-peso) !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  line-height:1.15 !important;
  border-width:2px !important;border-style:solid !important;
  border-radius:var(--curva) !important;
  text-decoration:none !important;
  text-shadow:none !important;box-shadow:none !important;
  transition:background-color .18s ease,color .18s ease !important}

/* los naranjas: letra verde bosque, sin sombra, siempre */
html body .btn--p.btn--p,
html body .bv-comprar.bv-comprar,
html body .btn-vid.btn-vid,
html body .bv-b1.bv-b1,
html body .wpcf7-submit,
html body input[type=submit],
html body button,
html body .block100.header ul.menu > li > a[href*="info-eventos"],
html body .block100.header ul.menu > li > a[href*="calc.html"],
html body .block100.header ul.menu > li > a[href*="buy.stripe.com"],
html body .lg-btn:not(.lg-btn--vec),
html body .button.quickbuy.bv-comprar,
.bv.bv.bv .btn--p.btn--p{
  background-color:var(--naranja-boton) !important;
  border:2px solid var(--naranja-boton) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  font-weight:var(--boton-peso) !important;     /* normal en reposo */
  text-shadow:none !important;box-shadow:none !important;filter:none !important}

/* nada de sombras dentro de los botones: ni la letra, ni los iconos,
   ni las flechas */
html body .btn *,html body .btn--p *,html body .btn--s *,
html body .btn-vid *,html body .bv-comprar *,
html body .lg-btn *,html body .bv-b1 *,html body .bv-b2 *,
html body #btn-enviar *,html body #btn-guardar *,html body button *{
  text-shadow:none !important;box-shadow:none !important;filter:none !important}

/* el boton "Vectorial" de los logos: de linea, como los demas */
html body .lg-btn--vec.lg-btn--vec,
.bv.bv.bv .lg-btn--vec.lg-btn--vec{
  background-color:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  text-shadow:none !important;box-shadow:none !important}

/* "Guardar mi presupuesto" y "Pagar reserva": el mismo boton */
html body #btn-guardar,html body #btn-enviar,
html body .guardar.guardar,html body .bv-calc.bv-calc{
  background-color:var(--naranja-boton) !important;
  border:2px solid var(--naranja-boton) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  font-weight:800 !important;
  text-shadow:none !important;box-shadow:none !important}

/* los ocho del menu, un poco mas anchos para que quepan a 13 px */
html body .block100.header ul.menu > li > a,
.bv.bv.bv .block100.header ul.menu > li > a{
  width:104px !important;min-width:104px !important;max-width:104px !important;
  padding:3px 5px !important}
html body .sala-btn h4{font-size:15px !important}
html body .sala-btn small,
html body .sala-btn span{font-size:12px !important;text-transform:none !important}

/* ---------- 42.10 EL PLANO DE "DONDE ESTAMOS" --------------
   Mientras Google tarda en traer el mapa se veia un recuadro de
   otro color. Ahora el hueco es del verde de la casa. */
html body iframe[src*="google.com/maps"],
.bv.bv.bv iframe[src*="google.com/maps"]{
  background-color:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  border-radius:var(--curva) !important}
html body iframe[src*="google.com/maps"]{display:block !important}


/* ============================================================
   43. LOS TRES BOTONES QUE FALTABAN  (16/08/2026)
   ------------------------------------------------------------
   Manu, uno por uno:
     - los PNG de los logos se portan como cualquier naranja
     - las flechas de los videos de sala, sin sombra
     - "Guardar mi presupuesto" vuelve al lima, y sin WhatsApp
     - "Pagar reserva de evento", naranja como los demas
   ============================================================ */

/* los PNG de los logos: naranja de la casa, con todo lo que toca */
html body .lg-btn:not(.lg-btn--vec),
.bv.bv.bv .lg-btn:not(.lg-btn--vec){
  background-color:var(--naranja-boton) !important;
  border:2px solid var(--naranja-boton) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  font-family:var(--boton-letra) !important;
  font-size:var(--boton-tamano) !important;
  font-weight:var(--boton-peso) !important;text-transform:uppercase !important;
  letter-spacing:.04em !important;border-radius:var(--curva) !important;
  text-shadow:none !important;box-shadow:none !important}

/* las flechas de los videos de sala, sin sombra ninguna */
html body .btn-vid i,
html body .btn-vid .fa,
html body .btn-vid svg,
.bv.bv.bv .btn-vid i{
  text-shadow:none !important;box-shadow:none !important;
  filter:none !important;-webkit-filter:none !important;
  opacity:1 !important}

/* "Guardar mi presupuesto": lima, como estaba */
html body #btn-enviar,
.bv.bv.bv #btn-enviar{
  background-color:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  font-family:var(--boton-letra) !important;
  font-size:var(--boton-tamano) !important;
  font-weight:var(--boton-peso) !important;text-transform:uppercase !important;
  letter-spacing:.04em !important;border-radius:var(--curva) !important;
  text-shadow:none !important;box-shadow:none !important}

/* "Pagar reserva de evento": naranja, como todos */
html body #bv-pagar,
html body #bv-suma a,
html body #bv-suma .bv-calc,
html body a.bv-calc,
.bv.bv.bv a.bv-calc{
  background-color:var(--naranja-boton) !important;
  border:2px solid var(--naranja-boton) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  font-family:var(--boton-letra) !important;
  font-size:var(--boton-tamano) !important;
  font-weight:var(--boton-peso) !important;text-transform:uppercase !important;
  letter-spacing:.04em !important;border-radius:var(--curva) !important;
  text-shadow:none !important;box-shadow:none !important}

/* los extras, en tres columnas. El ancho lo manda la hoja global,
   no la pagina. (16/08/2026) */
/* la rejilla de extras se alinea con las filas de campos de arriba.
   Medido: los campos van de 135 a 1131 y la rejilla se salia 20 px por
   cada lado. Mismos margenes y mismo relleno que .calc-row. */
html body .extras-container,
.bv.bv.bv .extras-container{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important;
  margin:12px 10px !important;padding:14px !important;
  max-width:none !important;width:auto !important;
  box-sizing:border-box !important}
@media (max-width:760px){
  html body .extras-container{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:460px){
  html body .extras-container{grid-template-columns:1fr !important}
}

/* los rotulos de la calculadora, del tamano del subtitulo de la
   pagina (18 px), que iban a 11 y se perdian. (16/08/2026) */
html body .section-label,
.bv.bv.bv .section-label{
  font-size:18px !important;font-weight:700 !important;
  text-transform:uppercase !important;letter-spacing:.04em !important;
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important;
  text-align:center !important}

/* la segunda palabra del titular, en naranja. Vale igual para el
   rotulo de arriba y para el titular grande de cada pagina. */
html body h1 .bv-t2,
html body .parr h1 .bv-t2,
.bv.bv.bv h1 .bv-t2{
  color:var(--naranja) !important;-webkit-text-fill-color:var(--naranja) !important}

/* ============================================================
   44. LAS PREGUNTAS (FAQ)  (16/08/2026)
   Cajas mas bajas, separadas entre si, y la cruz en naranja.
   ============================================================ */
html body details,
.bv.bv.bv details{
  margin:10px 0 !important;padding:0 !important}
html body details summary,
.bv.bv.bv details summary{
  padding:10px 16px !important;min-height:0 !important;
  line-height:1.25 !important}
html body details[open] summary,
.bv.bv.bv details[open] summary{margin-bottom:6px !important}
html body details > *:not(summary),
.bv.bv.bv details > *:not(summary){
  padding:0 16px 12px !important;margin:0 !important}
/* la cruz, del naranja de la casa */
html body details summary::after,
html body .card details summary::after,
.bv.bv.bv details summary::after{
  color:var(--naranja) !important;-webkit-text-fill-color:var(--naranja) !important;
  font-weight:800 !important}

/* ============================================================
   45. LA NORMA, POR ENCIMA DE LA LANDING  (16/08/2026)
   La landing escribe sus botones con ".bv.bv.bv .btn", que pesa
   mas que "html body .btn". Aqui la norma se escribe con el
   mismo peso mas uno, para que no haya excepciones.
   ============================================================ */
.bv.bv.bv .btn.btn,
.bv.bv.bv .btn--p.btn--p,
.bv.bv.bv .btn--s.btn--s,
.bv.bv.bv .btn-platos.btn-platos{
  font-family:var(--boton-letra) !important;
  font-size:var(--boton-tamano) !important;
  font-weight:var(--boton-peso) !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;line-height:1.15 !important;
  border-width:2px !important;border-style:solid !important;
  border-radius:var(--curva) !important;
  text-shadow:none !important;box-shadow:none !important;
  padding:12px 22px !important}
.bv.bv.bv .btn--p.btn--p{
  background-color:var(--naranja-boton) !important;
  border-color:var(--naranja-boton) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bv.bv.bv .btn--s.btn--s{
  background-color:var(--bosque-hondo) !important;
  border-color:var(--lima) !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}

/* ============================================================
   46. EL INDICE DE LA LANDING  (16/08/2026)
   Los ocho numeros llevan a su seccion. Cada uno es un enlace
   con su numero en lima, para que se vea que se puede pulsar.
   ============================================================ */
html body .bv-indice,
.bv.bv.bv .bv-indice{
  list-style:none !important;counter-reset:bvi !important;
  margin:14px 0 6px !important;padding:0 !important;
  display:grid !important;gap:6px !important}
html body .bv-indice li,
.bv.bv.bv .bv-indice li{
  counter-increment:bvi !important;margin:0 !important;padding:0 !important;
  display:flex !important;align-items:baseline !important;gap:10px !important}
html body .bv-indice li::before,
.bv.bv.bv .bv-indice li::before{
  content:counter(bvi) !important;
  flex:0 0 auto !important;width:26px !important;height:26px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border:2px solid var(--lima) !important;border-radius:50% !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  font-size:13px !important;font-weight:800 !important;background:none !important}
html body .bv-indice a,
.bv.bv.bv .bv-indice a{
  color:inherit !important;-webkit-text-fill-color:inherit !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(171,239,97,.35) !important;
  transition:color .18s ease,border-color .18s ease !important}
html body .bv-indice a:hover,
.bv.bv.bv .bv-indice a:hover{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  border-bottom-color:var(--lima) !important}

/* al saltar a una seccion, que no se quede pegada al cabecero */
html body [id]{scroll-margin-top:26px !important}
html{scroll-behavior:smooth}

/* el "Ver todos los precios" iba dentro de una pastilla ovalada
   metida dentro del recuadro. Se queda como un enlace normal con
   su cruz naranja. Manu, 16/08/2026. */
html body .card details summary,
.bv.bv.bv .card details summary,
html body details summary,
.bv.bv.bv details summary{
  border:0 !important;border-radius:0 !important;
  background:transparent !important;
  padding:8px 0 !important;display:inline-flex !important;
  opacity:1 !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
  text-decoration-color:rgba(255,106,0,.5) !important}
html body details summary:hover,
.bv.bv.bv details summary:hover{
  text-decoration-color:var(--naranja) !important}

/* ".cta" es la CAJA que envuelve al boton, no un boton: nunca lleva
   marco ni fondo. (16/08/2026) */
html body .cta,
.bv.bv.bv .cta{
  border:0 !important;background:transparent !important;
  padding:0 !important;box-shadow:none !important}

/* el indice numerado: en lima, sin subrayar, y blanco al pasar */
html body .bv-indice a,
.bv.bv.bv .bv-indice a{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  text-decoration:none !important;border-bottom:0 !important}
html body .bv-indice a:hover,
.bv.bv.bv .bv-indice a:hover{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-decoration:none !important;border-bottom:0 !important}
html body .bv-indice li:hover::before,
.bv.bv.bv .bv-indice li:hover::before{
  border-color:#FFFFFF !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}

/* ============================================================
   47. LOS DESPLEGABLES DE LAS FICHAS  (16/08/2026)
   Sin subrayado, con aire alrededor y separados del texto de
   arriba. Vale para todas las fichas de la landing.
   ============================================================ */
html body details summary,
html body .card details summary,
.bv.bv.bv details summary,
.bv.bv.bv .card details summary{
  text-decoration:none !important;
  border:0 !important;background:transparent !important;
  padding:10px 14px !important;margin:0 !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  line-height:1.3 !important;cursor:pointer !important}
html body details,
.bv.bv.bv details{
  margin:16px 0 6px !important;padding:0 !important}
html body .card details,
.bv.bv.bv .card details{margin-top:18px !important}
/* el contenido que se despliega, con su aire */
html body details > *:not(summary),
.bv.bv.bv details > *:not(summary){
  padding:4px 14px 14px !important;margin:0 !important}
html body details ul.ck,
.bv.bv.bv details ul.ck{margin:6px 0 0 !important;padding:0 14px 14px !important}

/* ============================================================
   48. LA LLAMADA PRINCIPAL, UN PUNTO MAS GRANDE  (16/08/2026)
   Mismas reglas que el resto de botones naranjas; solo cambia
   el tamano y el aire de dentro. Manu: "con la regla global y
   un poco mas grande".
   ============================================================ */
html body .btn--p.btn--p,
.bv.bv.bv .btn--p.btn--p,
html body #bv-pagar,
html body #btn-enviar{
  font-size:var(--boton-grande) !important;
  font-weight:var(--boton-peso) !important;   /* normal en reposo */
  padding:15px 30px !important}                 /* negrita al pasar */

/* la letra de los botones naranjas es NORMAL en reposo. La negrita
   se reserva para cuando pasas el raton. Esta al final del archivo
   para que no la pise ninguna regla anterior. (16/08/2026) */
html body .btn--p.btn--p,
.bv.bv.bv .btn--p.btn--p,
html body .btn.btn--p,
html body .bv-comprar.bv-comprar,
html body .btn-vid.btn-vid,
html body .lg-btn:not(.lg-btn--vec),
html body input.wpcf7-submit,
html body #bv-pagar,
html body #btn-enviar,
html body .block100.header ul.menu > li > a[href*="info-eventos"],
html body .block100.header ul.menu > li > a[href*="calc.html"],
html body .block100.header ul.menu > li > a[href*="buy.stripe.com"]{
  font-weight:var(--boton-peso) !important}

/* ============================================================
   49. LAS FICHAS DEL BLOQUE 2  (16/08/2026)
   Manu: la ficha en si, sin fondo verde. El verde se queda solo
   dentro de la ventana de "Equipamiento:".
   ============================================================ */
.bv.bv.bv .bv-salas .card,
.bv.bv.bv .bv-salas .card.card.card,
html body .bv-salas .card{
  background-color:transparent !important;
  border:2px solid var(--lima) !important}
.bv.bv.bv .bv-salas .card details,
html body .bv-salas .card details{
  background-color:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  border-radius:var(--curva) !important;
  padding:2px 0 !important}
.bv.bv.bv .bv-salas .card details summary,
html body .bv-salas .card details summary{
  background:transparent !important;border:0 !important}

/* el boton de WhatsApp: mismo boton naranja de siempre, con el
   icono en su verde. Manu, 16/08/2026. */
html body .bv-wa,
.bv.bv.bv .bv-wa{
  display:inline-flex !important;align-items:center !important;gap:10px !important}
html body .bv-wa svg,
.bv.bv.bv .bv-wa svg{
  width:22px !important;height:22px !important;flex:0 0 auto !important;
  display:block !important}
html body .bv-wa:hover svg path:first-child{fill:#128C7E !important}

/* ============================================================
   50. LAS PREGUNTAS, REMATADAS  (16/08/2026)
   El marco lo lleva la caja; el titulo de dentro va sin marco ni
   redondeo, que era lo que descuadraba las esquinas. Y la cruz,
   naranja.
   ============================================================ */
html body details,
.bv.bv.bv details{
  border:2px solid var(--lima) !important;
  border-radius:var(--curva) !important;
  overflow:hidden !important;
  background-color:var(--bosque-hondo) !important}
html body details summary,
html body .card details summary,
.bv.bv.bv details summary,
.bv.bv.bv .card details summary{
  border:0 !important;border-radius:0 !important;
  background:transparent !important;
  outline:none !important;box-shadow:none !important}
html body details summary::after,
html body .card details summary::after,
html body details[open] summary::after,
.bv.bv.bv details summary::after{
  color:var(--naranja) !important;
  -webkit-text-fill-color:var(--naranja) !important;
  font-weight:800 !important}
/* dentro de los bloques claros, la caja es clara */
.bv.bv.bv .m-blanco.m-blanco.m-blanco details,
.bv.bv.bv .m-gris.m-gris.m-gris details,
.bv.bv.bv .m-lima.m-lima.m-lima details{
  background-color:rgba(255,255,255,.92) !important;
  border-color:rgba(10,47,27,.25) !important}

/* "Escribeme ahora mismo": boton de linea en verde hondo */
html body .btn--s.btn--s,
.bv.bv.bv .btn--s.btn--s{
  background-color:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}

/* el logo de las fichas sin flyer: el doble de grande y velado.
   Manu, 16/08/2026. */
html body .productgrid .element.bv-hueco .holder,
.bv.bv.bv .productgrid .element.bv-hueco .holder{
  background-size:62% auto !important;
  background-position:center center !important;
  opacity:1 !important}
html body .productgrid .element.bv-hueco,
.bv.bv.bv .productgrid .element.bv-hueco{opacity:.5 !important}

/* en las fichas de las salas, "Equipamiento:" y "Ver sala" van uno
   al lado del otro. Manu, 16/08/2026. */
html body .bv-fila-ficha,
.bv.bv.bv .bv-fila-ficha{
  display:flex !important;align-items:center !important;
  gap:12px !important;flex-wrap:wrap !important;margin-top:16px !important}
html body .bv-fila-ficha details,
.bv.bv.bv .bv-fila-ficha details{flex:1 1 auto !important;margin:0 !important}
html body .bv-versala,
.bv.bv.bv .bv-versala{
  flex:0 0 auto !important;
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  font-size:var(--boton-tamano) !important;padding:10px 18px !important}
html body .bv-versala svg,
.bv.bv.bv .bv-versala svg{width:16px !important;height:16px !important;display:block !important}
@media (max-width:640px){
  html body .bv-fila-ficha{flex-direction:column !important;align-items:stretch !important}
}


/* ############################################################
   51. EL HOVER DE LOS BOTONES. UNA REGLA. LA ULTIMA.
   ############################################################
   Aqui esta TODO lo que pasa al pasar el raton por un boton.
   No hay ninguna otra regla de hover de botones en la web: se
   borraron todas para que no se peleen entre ellas.

     naranja  -> se queda naranja, letra BLANCA EN NEGRITA de
                 verdad (peso 900 = SF Pro Display Bold) y marco
                 blanco
     de linea -> se llena de lima con letra verde bosque
   ############################################################ */

/* --- los naranjas --- */
html body .btn--p:hover,
html body .btn.btn--p:hover,
html body .bv-comprar:hover,
html body .button.quickbuy:hover,
html body .btn-vid:hover,
html body .bv-b1:hover,
html body .lg-btn:not(.lg-btn--vec):hover,
html body input.wpcf7-submit:hover,
html body input[type=submit]:hover,
html body button:hover,
html body #bv-pagar:hover,
html body #bv-suma a:hover,
html body a.bv-calc:hover,
html body .bv-versala:hover,
html body .block100.header ul.menu > li > a[href*="info-eventos"]:hover,
html body .block100.header ul.menu > li > a[href*="calc.html"]:hover,
html body .block100.header ul.menu > li > a[href*="buy.stripe.com"]:hover,
.bv.bv.bv .btn--p:hover,
.bv.bv.bv .btn.btn--p:hover,
.bv.bv.bv .btn--p.btn--p:hover{
  background-color:var(--naranja-boton) !important;
  border:2px solid #FFFFFF !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  font-weight:900 !important;
  text-shadow:none !important;box-shadow:none !important;transform:none !important}

/* --- los de marco lima --- */
html body .btn--s:hover,
html body .btn.btn--s:hover,
html body .lg-btn--vec:hover,
html body a.atajo:hover,
html body .extra-card:hover,
html body .sala-btn:hover,
html body #btn-enviar:hover,
html body .block100.header ul.menu > li > a:hover,
html body .block100.header a.logo:hover,
html body .productgrid .element .bv-lupa:hover,
.bv.bv.bv .btn--s:hover,
.bv.bv.bv .btn.btn--s:hover,
.bv.bv.bv .btn--s.btn--s:hover{
  background-color:var(--lima) !important;
  border:2px solid var(--lima) !important;
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important;
  font-weight:900 !important;
  text-shadow:none !important;box-shadow:none !important;transform:none !important}
html body .btn--s:hover *,
html body .extra-card:hover *,
html body .sala-btn:hover *,
html body .block100.header ul.menu > li > a:hover *,
.bv.bv.bv .btn--s:hover *{
  color:#0A2F1B !important;-webkit-text-fill-color:#0A2F1B !important}
/* el logo, en verde bosque cuando el boton se llena de lima */
html body .block100.header a.logo:hover{
  background-image:url(../img/logo2-bosque.svg),url(../img/logotext-bosque.svg) !important}
/* el icono de WhatsApp no cambia de color */
html body .bv-wa:hover svg path:first-child{fill:#25D366 !important}

/* el boton de las resenas de Google: de linea, con su estrella.
   Manu, 16/08/2026. */
html body .bv-google,
.bv.bv.bv .bv-google{
  display:inline-flex !important;align-items:center !important;gap:9px !important}
html body .bv-google svg,
.bv.bv.bv .bv-google svg{
  width:17px !important;height:17px !important;display:block !important;
  color:#FFC24A !important}
html body .bv-google:hover svg,
.bv.bv.bv .bv-google:hover svg{color:#0A2F1B !important}
/* los tres botones del cierre, en una fila que respira */
html body .cta,
.bv.bv.bv .cta{
  display:flex !important;flex-wrap:wrap !important;gap:12px !important;
  align-items:center !important}

/* ============================================================
   52. LOS VIDEOS DE LAS RESENAS  (16/08/2026)
   Como en la web viva: los cinco en fila, en vertical 9:16.
   ============================================================ */
html body .videos,
.bv.bv.bv .videos{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:14px !important;margin-top:1.4em !important}
html body .vt,
.bv.bv.bv .vt{
  margin:0 !important;padding:0 !important;
  background:transparent !important;border:0 !important}
html body .vt video,
.bv.bv.bv .vt video{
  width:100% !important;aspect-ratio:9/16 !important;height:auto !important;
  display:block !important;object-fit:cover !important;
  background:var(--bosque-hondo) !important;
  border:2px solid var(--lima) !important;
  border-radius:var(--curva) !important}
html body .vt figcaption,
.bv.bv.bv .vt figcaption{padding-top:8px !important;text-align:center !important}
html body .vt figcaption strong,
.bv.bv.bv .vt figcaption strong{
  display:block !important;font-size:14px !important;font-weight:700 !important}
html body .vt figcaption span,
.bv.bv.bv .vt figcaption span{
  display:block !important;font-size:12px !important;opacity:.75 !important}
@media (max-width:900px){
  html body .videos{grid-template-columns:repeat(3,1fr) !important}
}
@media (max-width:560px){
  html body .videos{grid-template-columns:repeat(2,1fr) !important}
}

/* las cruces de las preguntas, NARANJAS. Al final del archivo para
   que no la pise nada. Manu me lo ha pedido varias veces. */
html body details summary::after,
html body details summary::-webkit-details-marker,
html body .card details summary::after,
html body details[open] summary::after,
.bv.bv.bv details summary::after,
.bv.bv.bv .card details summary::after,
.bv.bv.bv .m-blanco details summary::after,
.bv.bv.bv .m-gris details summary::after,
.bv.bv.bv .m-lima details summary::after,
.bv.bv.bv .m-verde details summary::after{
  color:var(--naranja) !important;
  -webkit-text-fill-color:var(--naranja) !important;
  font-weight:900 !important;font-size:16px !important}

/* las fichas de las salas, mas bajas: sin aire de sobra dentro.
   Manu, 16/08/2026. */
html body .bv-salas .card,
.bv.bv.bv .bv-salas .card{
  padding:18px !important;align-self:stretch !important;
  display:flex !important;flex-direction:column !important}
html body .bv-salas .card .lead,
.bv.bv.bv .bv-salas .card .lead{margin:8px 0 0 !important}
html body .bv-salas .card h3,
.bv.bv.bv .bv-salas .card h3{margin:0 !important}
html body .bv-salas .bv-fila-ficha,
.bv.bv.bv .bv-salas .bv-fila-ficha{margin-top:12px !important}
html body .bv-salas .card details,
.bv.bv.bv .bv-salas .card details{margin:0 !important}
html body .bv-salas .card details summary,
.bv.bv.bv .bv-salas .card details summary{
  padding:17px 14px !important;                 /* el mismo alto que el boton */
  font-size:var(--boton-grande) !important;line-height:1.15 !important}

/* ============================================================
   53. LA INSIGNIA DE GOOGLE  (16/08/2026)
   La misma que en bravatta.com, que a Manu le gusta: dorada,
   con su estrella y su marco fino.
   ============================================================ */
html body .estrellas,
html body a.estrellas,
.bv.bv.bv .estrellas,
.bv.bv.bv a.estrellas{
  display:inline-block !important;
  font-family:var(--boton-letra) !important;
  font-size:17px !important;font-weight:800 !important;
  letter-spacing:.01em !important;text-transform:none !important;
  color:#FFC24A !important;-webkit-text-fill-color:#FFC24A !important;
  text-decoration:none !important;
  padding:10px 18px !important;border-radius:10px !important;
  border:1px solid rgba(255,194,74,.45) !important;
  background:transparent !important;box-shadow:none !important;
  transition:background-color .18s ease,border-color .18s ease !important}
html body a.estrellas:hover,
.bv.bv.bv a.estrellas:hover{
  background:rgba(255,194,74,.18) !important;
  border-color:#FFC24A !important;
  color:#FFC24A !important;-webkit-text-fill-color:#FFC24A !important}

/* el bloque del final, en verde hondo */
/* el cierre lleva su propia marca porque la regla general deja las
   secciones verdes transparentes. (16/08/2026) */
.bv.bv.bv section.sec.bv-cierre,
html body section.sec.bv-cierre{
  background-color:var(--bosque-hondo) !important}
.bv.bv.bv .bv-cierre .rot,
.bv.bv.bv .bv-cierre h2,
.bv.bv.bv .bv-cierre h3{
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bv.bv.bv .bv-cierre p,
.bv.bv.bv .bv-cierre li,
.bv.bv.bv .bv-cierre .lead{
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important}
.bv.bv.bv .bv-cierre strong,
.bv.bv.bv .bv-cierre .kicker,
.bv.bv.bv .bv-cierre .n{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}
.bv.bv.bv .bv-cierre .kicker::before{background:var(--lima) !important}

/* el bloque de cierre, en verde hondo. Va aqui, al final del todo y
   con la marca repetida, porque hay tres reglas anteriores que dejan
   las secciones transparentes. (16/08/2026) */
html body section.sec.bv-cierre.bv-cierre.bv-cierre,
.bv.bv.bv section.sec.bv-cierre.bv-cierre.bv-cierre{
  background:var(--bosque-hondo) !important;
  background-color:var(--bosque-hondo) !important}

/* ============================================================
   54. EL COLLAGE DE LAS TARTAS  (16/08/2026)
   ============================================================ */
html body .bv-tartas,html body .bv-fotos,
.bv.bv.bv .bv-tartas,.bv.bv.bv .bv-fotos{
  margin:18px 0 22px !important;padding:0 !important;
  border:2px solid var(--lima) !important;
  border-radius:var(--curva) !important;
  overflow:hidden !important;background:var(--bosque-hondo) !important}
html body .bv-tartas img,html body .bv-fotos img,
.bv.bv.bv .bv-tartas img,.bv.bv.bv .bv-fotos img{
  display:block !important;width:100% !important;height:auto !important;
  margin:0 !important;border:0 !important;border-radius:0 !important}
html body .bv-tartas figcaption,html body .bv-fotos figcaption,
.bv.bv.bv .bv-tartas figcaption,.bv.bv.bv .bv-fotos figcaption{
  padding:10px 16px !important;margin:0 !important;
  font-size:14px !important;font-style:italic !important;
  color:var(--texto) !important;-webkit-text-fill-color:var(--texto) !important;
  background:var(--bosque-hondo) !important;text-align:center !important}

/* la palabra importante, en naranja tambien dentro de los destacados
   de los bloques verdes. Manu, 17/08/2026. */
html body .destacado .n,
.bv.bv.bv .destacado .n,
.bv.bv.bv .m-verde .destacado .n{
  color:var(--naranja) !important;-webkit-text-fill-color:var(--naranja) !important;
  font-weight:800 !important}

/* las resenas cortas de la presentacion, en tres columnas */
html body .resenas,
.bv.bv.bv .resenas{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;margin-top:1.4em !important}
@media (max-width:860px){
  html body .resenas{grid-template-columns:1fr !important}
}

/* las fichas de resena: sin el marco gris que las rodeaba. Solo la
   raya naranja de la izquierda, como en la web viva. (17/08/2026) */
html body blockquote.rese,
.bv.bv.bv blockquote.rese{
  border:0 !important;
  border-left:4px solid var(--naranja) !important;
  border-radius:0 var(--curva) var(--curva) 0 !important;
  box-shadow:none !important;
  padding:16px 18px !important;margin:0 !important}
html body blockquote.rese footer,
.bv.bv.bv blockquote.rese footer{
  border:0 !important;margin-top:10px !important;padding:0 !important}
html body blockquote.rese footer strong{display:block !important}
html body blockquote.rese footer span{
  display:block !important;font-size:12px !important;opacity:.7 !important}

/* los iconos de las fichas: dibujo de trazo, no emoji de colorines.
   Verde hondo sobre fondo claro, lima sobre fondo verde. (17/08/2026) */
/* el icono va DENTRO de la linea del rotulo, delante del texto */
.bv.bv.bv .card h3,html body .card h3{
  display:flex !important;align-items:center !important;gap:10px !important}
.bv.bv.bv h3 svg.ico,html body h3 svg.ico{
  width:32px;height:32px;flex:0 0 auto;margin-right:0;
  fill:none;stroke:var(--bosque-hondo);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
/* el mismo icono, en tamano de linea, cuando va dentro de un texto */
.bv.bv.bv svg.ico-s,html body svg.ico-s{
  width:20px;height:20px;vertical-align:-4px;margin-right:6px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}


/* las dos fichas de salas, iguales: la fila del boton al fondo */
html body .bv-salas .bv-fila-ficha,
.bv.bv.bv .bv-salas .bv-fila-ficha{margin-top:auto !important;padding-top:12px !important}
html body .bv-salas .card .bv-fotos,
.bv.bv.bv .bv-salas .card .bv-fotos{margin:12px 0 0 !important}

/* DOS COLUMNAS: el texto a la izquierda y las fotos apiladas a la
   derecha, estiradas hasta la altura exacta del texto. (17/08/2026) */
html body .bv-dosc,.bv.bv.bv .bv-dosc{
  display:grid !important;grid-template-columns:1fr 290px !important;
  gap:22px !important;align-items:stretch !important;margin-top:1.2em !important}
html body .bv-dosc-txt > :first-child,
.bv.bv.bv .bv-dosc-txt > :first-child{margin-top:0 !important}
html body .bv-dosc-fotos,.bv.bv.bv .bv-dosc-fotos{
  display:grid !important;grid-template-rows:1fr 1fr !important;gap:12px !important}
html body .bv-dosc-fotos img,.bv.bv.bv .bv-dosc-fotos img{
  display:block !important;width:100% !important;height:100% !important;
  object-fit:cover !important;margin:0 !important;
  border:var(--marco) !important;border-radius:var(--curva) !important}
@media(max-width:760px){
  html body .bv-dosc,.bv.bv.bv .bv-dosc{grid-template-columns:1fr !important}
  html body .bv-dosc-fotos,.bv.bv.bv .bv-dosc-fotos{
    grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important}
  html body .bv-dosc-fotos img,.bv.bv.bv .bv-dosc-fotos img{height:190px !important}}

/* SE PUEDE / NO SE PUEDE. Una sola referencia de rojo, como el resto
   de colores de la web. El check va en lima, que es EL verde. */
:root{--rojo:#FF5A4E}
.bv.bv.bv ul.ck--si li::before,html body ul.ck--si li::before,
.bv.bv.bv ul.ck--no li::before,html body ul.ck--no li::before{
  width:16px !important;height:16px !important;left:0 !important;top:.3em !important;
  border-radius:0 !important;transform:none !important;
  background-color:transparent !important;background-repeat:no-repeat !important;
  background-position:center !important;background-size:16px 16px !important}
.bv.bv.bv ul.ck--si li::before,html body ul.ck--si li::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ABEF61' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5 9.5 18 20 6.5'/></svg>") !important}
.bv.bv.bv ul.ck--no li::before,html body ul.ck--no li::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF5A4E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 6 18 18M18 6 6 18'/></svg>") !important}
.bv.bv.bv ul.ck--si li,html body ul.ck--si li,
.bv.bv.bv ul.ck--no li,html body ul.ck--no li{padding-left:26px !important}

/* el rotulo grande de los bloques verdes lleva la palabra en naranja,
   como en los claros: sobre verde bosque se lee a 4,9. */
.bv.bv.bv section.m-verde .rot .n,html body section.m-verde .rot .n{
  color:var(--naranja) !important;-webkit-text-fill-color:var(--naranja) !important}

/* ============================================================
   EL COLOR DE LOS ICONOS Y DE LAS VINETAS. UNA REGLA, LA ULTIMA.
   La pagina ya pinta de lima todo lo que cuelga de un bloque
   verde, asi que aqui se manda con el mismo peso y por detras.
   ============================================================ */
.bv.bv.bv section.sec.m-verde h3 svg.ico,html body section.sec.m-verde h3 svg.ico,
.bv.bv.bv section.sec.bv-cierre h3 svg.ico,html body section.sec.bv-cierre h3 svg.ico{
  stroke:var(--lima) !important}
.bv.bv.bv section.sec.m-blanco h3 svg.ico,html body section.sec.m-blanco h3 svg.ico,
.bv.bv.bv section.sec.m-gris h3 svg.ico,html body section.sec.m-gris h3 svg.ico,
.bv.bv.bv section.sec.m-lima h3 svg.ico,html body section.sec.m-lima h3 svg.ico{
  stroke:var(--bosque-hondo) !important}
.bv.bv.bv section.sec h3 svg.ico.ico-si,html body section.sec h3 svg.ico.ico-si{
  stroke:var(--lima) !important}
.bv.bv.bv section.sec h3 svg.ico.ico-no,html body section.sec h3 svg.ico.ico-no{
  stroke:var(--rojo) !important}
/* las vinetas: check a la izquierda, cruz roja a la derecha */
.bv.bv.bv section.sec ul.ck.ck--si li::before,html body section.sec ul.ck.ck--si li::before,
.bv.bv.bv section.sec ul.ck.ck--no li::before,html body section.sec ul.ck.ck--no li::before{
  width:16px !important;height:16px !important;left:0 !important;top:.3em !important;
  border-radius:0 !important;transform:none !important;
  background-color:transparent !important;background-repeat:no-repeat !important;
  background-position:center !important;background-size:16px 16px !important}
.bv.bv.bv section.sec ul.ck.ck--si li::before,html body section.sec ul.ck.ck--si li::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ABEF61' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5 9.5 18 20 6.5'/></svg>") !important}
.bv.bv.bv section.sec ul.ck.ck--no li::before,html body section.sec ul.ck.ck--no li::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF5A4E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 6 18 18M18 6 6 18'/></svg>") !important}

/* las pantallas de los videos: el logo velado detras, y el pie
   centrado y en lima. El boton de Google, macizo para que se vea. */
.bv.bv.bv .videos .vt video,html body .videos .vt video{
  background:linear-gradient(rgba(6,38,20,.68),rgba(6,38,20,.68)),
             url(../img/logo-xp.svg) center/72% auto no-repeat,
             var(--bosque-hondo) !important}
.bv.bv.bv .videos .vt figcaption,html body .videos .vt figcaption{
  text-align:center !important;padding:6px 8px 0 !important;margin:0 !important}
.bv.bv.bv .videos .vt figcaption strong,html body .videos .vt figcaption strong,
.bv.bv.bv .videos .vt figcaption span,html body .videos .vt figcaption span{
  display:block !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}
.bv.bv.bv a.estrellas,html body a.estrellas{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  background:var(--bosque-hondo) !important;
  border:var(--marco) !important;border-radius:var(--curva) !important;
  padding:15px 24px !important;
  font-family:var(--boton-letra) !important;font-size:var(--boton-grande) !important;
  font-weight:var(--boton-peso) !important;
  color:#FFC24A !important;-webkit-text-fill-color:#FFC24A !important;
  text-decoration:none !important;box-shadow:none !important;text-shadow:none !important}
.bv.bv.bv a.estrellas:hover,html body a.estrellas:hover{
  background:var(--lima) !important;
  color:var(--bosque-hondo) !important;-webkit-text-fill-color:var(--bosque-hondo) !important}
.bv.bv.bv .videos .vt video,html body .videos .vt video{margin-bottom:0 !important}
.bv.bv.bv .videos .vt,html body .videos .vt{line-height:1 !important}

/* el boton de preguntar por la fecha: verde hondo con marco lima */
.bv.bv.bv section.sec a.bv-wa,html body section.sec a.bv-wa{
  background:var(--bosque-hondo) !important;
  border:var(--marco) !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bv.bv.bv section.sec a.bv-wa:hover,html body section.sec a.bv-wa:hover{
  background:var(--lima) !important;
  color:var(--bosque-hondo) !important;-webkit-text-fill-color:var(--bosque-hondo) !important;
  font-weight:900 !important}

/* el formulario de correo de portada, lo mas bajo posible (17/08/2026) */
html body .block100.newsletter,.bv.bv.bv .block100.newsletter{
  margin-top:6px !important;margin-bottom:6px !important}
html body .block100.newsletter p,.bv.bv.bv .block100.newsletter p{
  margin:0 0 6px !important;padding:0 !important}
html body .block100.newsletter span.h3,.bv.bv.bv .block100.newsletter span.h3{
  display:block !important;margin:0 0 4px !important;padding:0 !important}
html body .block100.newsletter label.accept,.bv.bv.bv .block100.newsletter label.accept{
  margin:8px 0 !important}
html body .block100.newsletter input.wpcf7-submit,
.bv.bv.bv .block100.newsletter input.wpcf7-submit{margin-top:8px !important}
html body .block100.newsletter br,.bv.bv.bv .block100.newsletter br{display:none !important}

/* los tres botones del cierre: mismo ancho y mismo alto, y en su
   sitio. Al pasar el raton la letra engorda y antes empujaba al de
   Google a la fila de abajo. (17/08/2026) */
html body section.bv-cierre .cta,.bv.bv.bv section.bv-cierre .cta{
  display:flex !important;flex-wrap:wrap !important;gap:14px !important;
  justify-content:center !important;align-items:stretch !important}
html body section.bv-cierre .cta > a,.bv.bv.bv section.bv-cierre .cta > a{
  flex:0 0 auto !important;width:300px !important;min-height:60px !important;
  box-sizing:border-box !important;padding:10px 14px !important;
  display:inline-flex !important;align-items:center !important;
  justify-content:center !important;gap:8px !important;
  text-align:center !important;line-height:1.2 !important;
  font-family:var(--boton-letra) !important;font-size:var(--boton-tamano) !important}

/* LAS HOJAS: por encima del color de los bloques, por debajo del
   texto. Los bloques claros pintan su fondo y se las comian; el
   contenido va en la capa 4, asi que la capa 2 es su sitio. */
html body .bv-hojas,.bv.bv.bv .bv-hojas{
  z-index:2 !important;pointer-events:none !important}

/* ============================================================
   LAS HOJAS, REVISADAS UNA A UNA (17/08/2026)
   Sobre fondo claro la hoja se ve entera y estorba al leer.
   La clase va repetida porque la hoja ya trae su opacidad con
   tres clases y si no, no manda esta.
   ============================================================ */
/* sobre bloque claro: apenas un velo */
html body .bv-hojas .g4.g4.g4,html body .bv-hojas .g5.g5.g5,
html body .bv-hojas .g6.g6.g6,html body .bv-hojas .g8.g8.g8,
html body .bv-hojas .g9.g9.g9,html body .bv-hojas .g11.g11.g11,
html body .bv-hojas .g17.g17.g17{opacity:.10 !important}
/* las que pisan el bloque 8 (resenas) y el 13 (cancelaciones) */
html body .bv-hojas .g12.g12.g12,html body .bv-hojas .g14.g14.g14,
html body .bv-hojas .g15.g15.g15{opacity:.06 !important}
html body .bv-hojas .g18.g18.g18{opacity:.08 !important}
/* la grande del bloque 8, fuera */
html body .bv-hojas .g13.g13.g13{display:none !important}
/* la del bloque 10 (Precios): mas grande y mas visible */
html body .bv-hojas .g16.g16.g16{opacity:.34 !important;width:1200px !important}
/* la ultima hoja de la pagina, al lado derecho */
html body .bv-hojas .g19.g19.g19{
  left:auto !important;right:calc(50% + 560px - 420px) !important}
@media(max-width:900px){
  html body .bv-hojas .g19.g19.g19{left:auto !important;right:-70px !important}}

/* LOS DESPLEGABLES: se abren pulsando en cualquier punto del recuadro,
   no solo encima del texto o de la cruz. Iban en inline-flex y solo
   ocupaban el ancho de su letra. Manu, 17/08/2026. */
html body details > summary,.bv.bv.bv details > summary{
  display:flex !important;width:100% !important;box-sizing:border-box !important;
  align-items:center !important;justify-content:flex-start !important;
  cursor:pointer !important}

/* el formulario de correo: el titulo pegado al marco, sin el hueco
   que metia el bloque de wpcf7. Manu, 17/08/2026. */
html body .block100.newsletter .wpcf7,.bv.bv.bv .block100.newsletter .wpcf7{
  padding-top:0 !important;margin-top:0 !important}
html body .block100.newsletter .wpcf7 > form,
html body .block100.newsletter div[role="form"]{padding-top:0 !important;margin-top:0 !important}
/* el banner de textos del carrusel, sin el velo verde */
html body .banner .float,.bv.bv.bv .banner .float,
html body .block100 .float{background:transparent !important;background-color:transparent !important}
html body .block100.newsletter .block100.newsletter,
html body .block100.newsletter > *:first-child{padding-top:0 !important;margin-top:0 !important}
/* lo que ocupaba el hueco: la caja de avisos del formulario y el
   campo trampa antispam. Ni se ven, pero empujaban el titulo. */
html body .block100.newsletter .screen-reader-response{display:none !important}
html body .block100.newsletter input[name="apellido2"]{
  position:absolute !important;left:-9999px !important;
  width:0 !important;height:0 !important;padding:0 !important;border:0 !important;margin:0 !important}
/* pegado del todo quedaba mal: un respiro corto y ya */
html body .block100.newsletter .wpcf7,.bv.bv.bv .block100.newsletter .wpcf7{padding-top:18px !important}

/* --- el formulario de correo de la portada, remate (17/08/2026) --- */
/* el titulo, con su respiro (la regla corta no ganaba) */
html body .block100.newsletter .wpcf7.wpcf7,
.bv.bv.bv .block100.newsletter .wpcf7.wpcf7{padding-top:16px !important}
/* menos hueco entre el formulario y el carrusel de resenas */
html body .block100.newsletter,.bv.bv.bv .block100.newsletter{
  margin-top:6px !important;margin-bottom:4px !important}
html body .bottom.news,.bv.bv.bv .bottom.news{
  padding-bottom:0 !important;margin-bottom:0 !important}
/* la casilla de aceptacion, en linea con su texto */
html body .block100.newsletter label.accept,
.bv.bv.bv .block100.newsletter label.accept{
  display:flex !important;align-items:center !important;gap:8px !important;
  justify-content:center !important;text-align:left !important;
  margin:10px 0 !important}
html body .block100.newsletter label.accept input[type=checkbox],
.bv.bv.bv .block100.newsletter label.accept input[type=checkbox]{
  flex:0 0 auto !important;margin:0 !important}
html body .block100.newsletter label.accept span,
.bv.bv.bv .block100.newsletter label.accept span{margin:0 !important}
/* el banner del carrusel: sin la raya naranja */
html body .banner .float,.bv.bv.bv .banner .float{border:0 !important}
/* la hoja grande de la derecha, mas suave */
html body .bv-hojas .g1.g1.g1{opacity:.18 !important}
/* la casilla y su frase, en UNA sola linea */
html body .block100.newsletter label.accept,
.bv.bv.bv .block100.newsletter label.accept{
  flex-wrap:nowrap !important;white-space:nowrap !important;gap:6px !important}
html body .block100.newsletter label.accept .wpcf7-form-control-wrap,
.bv.bv.bv .block100.newsletter label.accept .wpcf7-form-control-wrap{
  flex:0 0 auto !important;display:inline-flex !important;align-items:center !important;
  margin:0 !important;width:auto !important}
html body .block100.newsletter label.accept a,
.bv.bv.bv .block100.newsletter label.accept a{white-space:nowrap !important}
/* menos aire entre el formulario y los iconos de redes */
html body .bottom.news,.bv.bv.bv .bottom.news{padding-bottom:8px !important}
html body .bottom.menu,.bv.bv.bv .bottom.menu{padding-top:10px !important}
html body .block100.redes,.bv.bv.bv .block100.redes{padding-top:0 !important}
/* 20 px menos para que el pie entre de un vistazo */
html body .bottom.news,.bv.bv.bv .bottom.news{padding-bottom:0 !important}
html body .bottom.menu,.bv.bv.bv .bottom.menu{padding-top:0 !important}
html body .testimonios,.bv.bv.bv .testimonios{padding-bottom:14px !important}
/* el botón de suscribirse, mas cerca del borde de abajo */
html body .block100.newsletter .wpcf7.wpcf7,
.bv.bv.bv .block100.newsletter .wpcf7.wpcf7{padding-bottom:8px !important}
html body .block100.newsletter form,.bv.bv.bv .block100.newsletter form{padding-bottom:0 !important}
html body .block100.newsletter p:last-of-type,
.bv.bv.bv .block100.newsletter p:last-of-type{margin-bottom:0 !important}
/* el rotulo "Lo que dice la gente", mas pegado a su carrusel */
html body .testimonios h2,html body .testimonios .h2,
.bv.bv.bv .testimonios h2,.bv.bv.bv .testimonios .h2{margin-bottom:6px !important}
html body .testimonios,.bv.bv.bv .testimonios{padding-bottom:4px !important}

/* NADA DE SOMBRAS EN LA LETRA. Los botones de sala de la calculadora
   la llevaban y sobre lima no se leia; y las flechas de los botones
   de video tambien. Manu, 17/08/2026. */
html body .sala-btn,html body .sala-btn *,
.bv.bv.bv .sala-btn,.bv.bv.bv .sala-btn *,
html body .bv-versala,html body .bv-versala *,
.bv.bv.bv .bv-versala,.bv.bv.bv .bv-versala *,
html body .btn-vid,html body .btn-vid *,
.bv.bv.bv .btn-vid,.bv.bv.bv .btn-vid *{
  text-shadow:none !important;box-shadow:none !important;filter:none !important;
  -webkit-text-stroke:0 !important}
html body .bv-versala svg,.bv.bv.bv .bv-versala svg,
html body .btn-vid svg,.bv.bv.bv .btn-vid svg{filter:none !important;box-shadow:none !important}
/* la pagina acaba en el pie: nada de alto minimo que deje verde
   por debajo para hacer scroll. Manu, 17/08/2026. */
html body .blocks.body,.bv.bv.bv .blocks.body{min-height:0 !important}
html body .block100.maxw:last-child,.bv.bv.bv .block100.maxw:last-child{padding-bottom:0 !important}

/* ============================================================
   LAS GALERIAS: fotos y videos sueltos que se van pasando
   (17/08/2026). Nada de collages: cada pieza, entera.
   ============================================================ */
html body .bv-gal,.bv.bv.bv .bv-gal{
  position:relative !important;width:100% !important;aspect-ratio:10/7 !important;
  overflow:hidden !important;border:var(--marco) !important;
  border-radius:var(--curva) !important;background:var(--bosque-hondo) !important}
html body .bv-gal-piezas,.bv.bv.bv .bv-gal-piezas{position:absolute !important;inset:0 !important}
html body .bv-gal-piezas > *,.bv.bv.bv .bv-gal-piezas > *{
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
  object-fit:cover !important;opacity:0 !important;transition:opacity .25s ease !important;
  pointer-events:none !important;margin:0 !important;border:0 !important;border-radius:0 !important}
html body .bv-gal-piezas > *.on,.bv.bv.bv .bv-gal-piezas > *.on{
  opacity:1 !important;pointer-events:auto !important}
html body .bv-gal-ant,html body .bv-gal-sig,
.bv.bv.bv .bv-gal-ant,.bv.bv.bv .bv-gal-sig{
  position:absolute !important;top:50% !important;transform:translateY(-50%) !important;
  width:40px !important;height:40px !important;padding:0 !important;
  border:2px solid var(--lima) !important;border-radius:50% !important;
  background:rgba(6,38,20,.72) !important;color:var(--lima) !important;
  font-size:24px !important;line-height:1 !important;cursor:pointer !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  box-shadow:none !important;text-shadow:none !important;z-index:3 !important}
html body .bv-gal-ant,.bv.bv.bv .bv-gal-ant{left:8px !important}
html body .bv-gal-sig,.bv.bv.bv .bv-gal-sig{right:8px !important}
html body .bv-gal-ant:hover,html body .bv-gal-sig:hover,
.bv.bv.bv .bv-gal-ant:hover,.bv.bv.bv .bv-gal-sig:hover{
  background:var(--lima) !important;color:var(--bosque-hondo) !important}
html body .bv-gal-puntos,.bv.bv.bv .bv-gal-puntos{
  position:absolute !important;left:0 !important;right:0 !important;bottom:8px !important;
  display:flex !important;justify-content:center !important;gap:6px !important;z-index:3 !important}
html body .bv-gal-puntos button,.bv.bv.bv .bv-gal-puntos button{
  width:9px !important;height:9px !important;padding:0 !important;border-radius:50% !important;
  border:1px solid var(--lima) !important;background:transparent !important;cursor:pointer !important;
  box-shadow:none !important}
html body .bv-gal-puntos button.on,.bv.bv.bv .bv-gal-puntos button.on{background:var(--lima) !important}
/* que la pagina acabe en el pie: sin colchon de verde por debajo */
html body .block100.grid,.bv.bv.bv .block100.grid{margin-bottom:10px !important}
html body .bottom.menu,.bv.bv.bv .bottom.menu{padding-bottom:4px !important}
html body .bottom.menu .block100.footer,
.bv.bv.bv .bottom.menu .block100.footer{padding-bottom:2px !important}
/* la foto de agradecimiento de la pagina de gracias */
html body .bv-gracias-foto,.bv.bv.bv .bv-gracias-foto{
  grid-column:1 / -1 !important;margin:0 auto 16px !important;padding:0 !important;
  max-width:640px !important;width:100% !important;
  border:var(--marco) !important;border-radius:var(--curva) !important;
  overflow:hidden !important;background:var(--bosque-hondo) !important}
html body .bv-gracias-foto img,.bv.bv.bv .bv-gracias-foto img{
  display:block !important;width:100% !important;height:auto !important;
  margin:0 !important;border:0 !important;border-radius:0 !important}
/* el titular de la pagina de gracias, con la palabra en naranja */
html body .bv-gracias-tit,.bv.bv.bv .bv-gracias-tit{
  grid-column:1 / -1 !important;width:100% !important;text-align:center !important;
  font-family:'BVmano',cursive !important;font-weight:400 !important;
  font-size:clamp(30px,4.2vw,52px) !important;line-height:1.1 !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  margin:0 0 12px !important;padding:0 !important;text-shadow:none !important}
html body .bv-gracias-tit .n,.bv.bv.bv .bv-gracias-tit .n{
  color:var(--naranja) !important;-webkit-text-fill-color:var(--naranja) !important}
html body .bv-gracias-pie,.bv.bv.bv .bv-gracias-pie{
  grid-column:1 / -1 !important;width:100% !important;text-align:center !important;
  font-size:20px !important;line-height:1.5 !important;margin:0 0 14px !important;
  color:#E7F2E3 !important;-webkit-text-fill-color:#E7F2E3 !important}
/* la frase de debajo de la foto, con su aire */
html body .bv-gracias .bv-gracias-t,.bv.bv.bv .bv-gracias .bv-gracias-t{
  margin-top:18px !important}
/* 15 px menos por encima de los iconos de redes */
html body .bottom.menu .block100.redes,
.bv.bv.bv .bottom.menu .block100.redes{padding-top:0 !important;margin-top:-5px !important}

/* ============================================================
   46. LOS ENCABEZADOS, ORDENADOS PARA GOOGLE (20/08/2026)
   ------------------------------------------------------------
   El logo llevaba dentro un <h1> con la retahila de palabras
   clave. Consecuencia: las 14 paginas tenian el MISMO h1 y once
   de ellas tenian DOS. Google no sabia de que iba cada pagina.
   Ahora el logo lleva un <span> con el nombre a secas, oculto
   igual que estaba el h1 (el dibujo lo pinta el fondo del
   enlace), y cada pagina se queda con SU propio h1.
   ------------------------------------------------------------ */
html body .block100.header a.logo .bv-logo-nombre,
html body a.logo .bv-logo-nombre,
.bv.bv.bv a.logo .bv-logo-nombre{
  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;
  clip-path:inset(50%) !important;white-space:nowrap !important;
  border:0 !important}

/* Los 16 rotulos de la landing pasan de <p> a <h1>/<h2> para que
   Google vea de que habla cada bloque. El dibujo NO cambia: aqui
   se les devuelven, uno a uno, los valores que tenian como <p>,
   medidos antes y despues en el navegador. Sin esto, el h1 salia
   a 37,8px en vez de 50,4 y con la letra apretada. */
.bv.bv.bv h1.rot.rot.rot.rot,.bv.bv.bv h2.rot.rot.rot.rot,
html body h1.rot.rot.rot.rot,html body h2.rot.rot.rot.rot{
  font-family:'BVmano',cursive !important;
  font-size:clamp(2.2rem,6vw,3.6rem) !important;
  font-weight:700 !important;
  line-height:1.06 !important;
  letter-spacing:normal !important;
  margin:0 0 .1em !important}
/* Dentro de un <h2> el navegador daba display:block al <span> naranja,
   y el rotulo partia por otro sitio ("No alquilamos la sala, / nosotros
   organizamos tu fiesta" en vez de "...la sala, nosotros / organizamos...").
   Como <p> era inline; se le devuelve a mano. */
.bv.bv.bv h1.rot.rot.rot.rot span,.bv.bv.bv h2.rot.rot.rot.rot span,
html body h1.rot.rot.rot.rot span,html body h2.rot.rot.rot.rot span{
  display:inline !important}

/* ---------- 47. RESERVA DE EVENTOS: EL TITULO, EN EL HTML ----
   Estaba puesto con CSS (content:"Reserva tu evento"), asi que
   Google NO lo veia: para el buscador esa pagina no tenia titulo.
   Ahora es un <h1> de verdad y aqui se le dan, calcados, los
   estilos que tenia como pseudo-elemento. */
html body .grid.productgrid .bv-tit-rejilla,
.bv.bv.bv .grid.productgrid .bv-tit-rejilla{
  grid-column:1 / -1 !important;order:-2 !important;
  display:block !important;width:100% !important;
  font-family:'BVmano',cursive !important;font-weight:700 !important;
  font-size:clamp(30px,4.2vw,52px) !important;line-height:1.1 !important;
  letter-spacing:normal !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  text-align:center !important;margin:0 0 4px !important;padding:0 !important;
  background:none !important;border:0 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.5) !important}
html body .grid.productgrid .bv-sub-rejilla,
.bv.bv.bv .grid.productgrid .bv-sub-rejilla{
  grid-column:1 / -1 !important;order:-1 !important;
  display:block !important;width:100% !important;
  font-size:18px !important;line-height:1.5 !important;
  color:#E7F2E3 !important;-webkit-text-fill-color:#E7F2E3 !important;
  text-align:center !important;margin:0 0 12px !important;padding:0 !important}

/* ---------- 48. LOS HORARIOS DE LA SALA (20/08/2026) --------
   Manu: lunes sevillanas, martes/miercoles/viernes country,
   jueves solo conciertos, viernes y sabado sala hasta las 3,
   domingo cerrado. No estaban en ninguna parte de la web. */
html body .bv-tit-horarios,.bv.bv.bv .bv-tit-horarios{
  font-family:'BVmano',cursive !important;font-weight:700 !important;
  font-size:clamp(26px,3.2vw,38px) !important;line-height:1.1 !important;
  letter-spacing:normal !important;text-align:center !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  margin:26px 0 12px !important;padding:0 !important;
  background:none !important;border:0 !important}
html body table.bv-horarios,.bv.bv.bv table.bv-horarios{
  width:100% !important;max-width:560px !important;
  margin:0 auto !important;border-collapse:collapse !important;
  background:none !important;border:0 !important;font-size:16px !important}
html body table.bv-horarios tr,.bv.bv.bv table.bv-horarios tr{background:none !important}
html body table.bv-horarios th,html body table.bv-horarios td,
.bv.bv.bv table.bv-horarios th,.bv.bv.bv table.bv-horarios td{
  padding:7px 8px !important;border:0 !important;
  border-bottom:1px solid rgba(171,239,97,.22) !important;
  background:none !important;vertical-align:top !important;
  line-height:1.35 !important}
html body table.bv-horarios th,.bv.bv.bv table.bv-horarios th{
  text-align:left !important;white-space:nowrap !important;width:104px !important;
  font-weight:700 !important;
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}
html body table.bv-horarios td,.bv.bv.bv table.bv-horarios td{
  color:#E7F2E3 !important;-webkit-text-fill-color:#E7F2E3 !important}
html body table.bv-horarios td:last-child,.bv.bv.bv table.bv-horarios td:last-child{
  text-align:right !important;white-space:nowrap !important;font-weight:700 !important}
html body table.bv-horarios tr.cerrado td,.bv.bv.bv table.bv-horarios tr.cerrado td{
  opacity:.62 !important}

/* ---------- 49. LOS SALTOS DE LINEA, DE VUELTA (20/08/2026) --
   La plantilla traia "html body br + br{display:none}" para
   matar los saltos dobles. Pero en CSS el "+" solo mira
   ETIQUETAS, no el texto: con "Belgrado 14C<br>Las Rozas<br>..."
   consideraba adyacentes todos los <br> y ocultaba del segundo
   en adelante. Resultado: la direccion y los textos legales
   salian corridos en una sola linea. Se restauran dentro del
   contenido de pagina; los dobles vacios de verdad se han
   quitado del HTML. */
html body .parr p br,html body .ficha p br,html body .blocks.body .parr br,
.bv.bv.bv .parr p br,.bv.bv.bv .ficha p br{display:inline !important}

/* ---------- 50. PORTADA: EL TITULO QUE NO TENIA (20/08/2026) -
   La portada no tenia ningun H1: eran todo banners rotatorios,
   asi que Google no leia en ninguna parte que esto es una sala
   de fiestas en Las Rozas. Se pone una linea de presentacion
   compacta entre el carrusel y las resenas: poco alto, y lo
   primero que se entiende al llegar. */
html body .bv-presenta,.bv.bv.bv .bv-presenta{
  max-width:980px !important;margin:26px auto 4px !important;
  padding:0 26px !important;text-align:center !important;
  box-sizing:border-box !important}
html body .bv-presenta h1,.bv.bv.bv .bv-presenta h1{
  font-family:'BVmano',cursive !important;font-weight:700 !important;
  font-size:clamp(26px,3.4vw,42px) !important;line-height:1.08 !important;
  letter-spacing:normal !important;text-align:center !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
  margin:0 0 8px !important;padding:0 !important;
  background:none !important;border:0 !important}
html body .bv-presenta h1 .bv-t2,.bv.bv.bv .bv-presenta h1 .bv-t2{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important;
  display:inline-block !important;white-space:nowrap !important}
html body .bv-presenta p,.bv.bv.bv .bv-presenta p{
  font-size:16px !important;line-height:1.5 !important;
  max-width:760px !important;margin:0 auto !important;padding:0 !important;
  color:#E7F2E3 !important;-webkit-text-fill-color:#E7F2E3 !important;
  text-align:center !important}
/* la coletilla de los horarios: dos salas, a veces a la vez */
html body p.bv-nota-horarios,.bv.bv.bv p.bv-nota-horarios{
  max-width:560px !important;margin:12px auto 0 !important;padding:0 !important;
  font-size:14px !important;line-height:1.5 !important;text-align:center !important;
  color:#C7DCC0 !important;-webkit-text-fill-color:#C7DCC0 !important}
html body p.bv-nota-horarios strong,.bv.bv.bv p.bv-nota-horarios strong{
  color:var(--lima) !important;-webkit-text-fill-color:var(--lima) !important}