.elementor-7 .elementor-element.elementor-element-b574c65{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-85997af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-dc6377e{--display:flex;}.elementor-7 .elementor-element.elementor-element-817937b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 40px;--row-gap:10px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-ef52df5{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-c73af4e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FCB900;}.elementor-7 .elementor-element.elementor-element-de77682 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a358768{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#C9D6EA;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-b4f34a2 .elementor-button{background-color:#FCB900;font-family:"Poppins", Sans-serif;font-weight:700;fill:#353535;color:#353535;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-4a2ab6f{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-de19173{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 40px;--row-gap:10px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-bc0ed38{--display:flex;}.elementor-7 .elementor-element.elementor-element-648d32f{--display:flex;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-2c31e98 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FCB900;}.elementor-7 .elementor-element.elementor-element-41808d3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-da73773{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#C9D6EA;}.elementor-7 .elementor-element.elementor-element-4162693 .elementor-button{background-color:#FCB900;font-family:"Poppins", Sans-serif;font-weight:700;fill:#353535;color:#353535;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-4d9deba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 40px;--row-gap:10px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-e4ee295{--display:flex;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-372a3e3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FCB900;}.elementor-7 .elementor-element.elementor-element-f5c2516 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-9e27a7a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#C9D6EA;}.elementor-7 .elementor-element.elementor-element-3a00947 .elementor-button{background-color:#FCB900;font-family:"Poppins", Sans-serif;font-weight:700;fill:#353535;color:#353535;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-66a8891{--display:flex;}.elementor-7 .elementor-element.elementor-element-171df66{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-171df66:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-171df66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCB900;}.elementor-7 .elementor-element.elementor-element-7e0999c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0f083e5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7 .elementor-element.elementor-element-1e1aff7{--display:flex;}.elementor-7 .elementor-element.elementor-element-3958c32{--display:flex;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-398eefb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#12448E;}.elementor-7 .elementor-element.elementor-element-7e77953 .elementor-button{background-color:#0D3163;font-family:"Poppins", Sans-serif;font-weight:600;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-7a8ba41{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7a8ba41:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7a8ba41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C9D6EA;}.elementor-7 .elementor-element.elementor-element-23602b2{--display:flex;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-71d2803 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#12448E;}.elementor-7 .elementor-element.elementor-element-604f818{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-e74a268 .elementor-button{background-color:#0D3163;font-family:"Poppins", Sans-serif;font-weight:600;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-b854256 .elementor-button{background-color:#0D3163;font-family:"Poppins", Sans-serif;font-weight:600;border-radius:100px 100px 100px 100px;}.elementor-7 .elementor-element.elementor-element-a611c25 .elementor-button{background-color:#0D3163;font-family:"Poppins", Sans-serif;font-weight:600;border-radius:100px 100px 100px 100px;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-85997af{--content-width:1200px;}.elementor-7 .elementor-element.elementor-element-ef52df5{--width:50%;}.elementor-7 .elementor-element.elementor-element-4a2ab6f{--width:50%;}.elementor-7 .elementor-element.elementor-element-7e0999c{--width:1200px;}.elementor-7 .elementor-element.elementor-element-7a8ba41{--content-width:1200px;}.elementor-7 .elementor-element.elementor-element-23602b2{--width:43%;}}/* Start custom CSS for container, class: .elementor-element-85997af *//* ============================================================================
   COSTAMAR CLUB — CSS GENERAL "CMR" (base reutilizable para toda la web)
   Pega esto completo en: Elementor > Personalizar (Site Settings) > CSS
   adicional, o en Apariencia > Personalizar > CSS adicional de WordPress.

   El JSON "costamar-bloques-elementor.json" ya trae estas clases puestas
   en el campo "CSS Classes" (pestaña Avanzado) de cada widget:
     .cmr-bloques   -> Sección exterior (fondo degradado azul)
     .cmr-card      -> Sección interior = la "tarjeta" con sombra
     .cmr-col-text  -> Columna de texto
     .cmr-col-media -> Columna de imagen
     .cmrb-eyebrow  -> Heading (tag "span") = etiqueta pequeña superior
     .cmr-title     -> Heading (tag "h2") = título
     .cmr-desc      -> Text Editor = párrafo
     .cmrb-btn      -> Button = botón amarillo
     .cmr-img       -> Image widget

   Como son clases (no ids), puedes reutilizarlas en CUALQUIER sección nueva
   de la web: solo agrega la misma clase en el widget y hereda el estilo.

   NAMESPACING vs. hero.html (sección scroll "#cmr"):
   hero.html define ".cmr-eyebrow" y ".cmr-btn" como clases GLOBALES sin
   scope (no limitadas a #cmr), con estilos propios. Para que ambos bloques
   convivan en el sitio sin pisarse, aquí se usan los nombres exclusivos
   ".cmrb-eyebrow" y ".cmrb-btn" (prefijo "cmrb" = "cmr bloques"). Los
   valores visuales (tipografía, radios, sombras) están alineados 1:1 con
   la versión "--gold" del eyebrow y el botón del hero, así se ven
   idénticos aunque las clases sean distintas. El resto de clases
   (.cmr-bloques, .cmr-card, .cmr-col-text, .cmr-col-media, .cmr-title,
   .cmr-desc, .cmr-img) no existen en hero.html, así que no hay conflicto.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --cmr-blue:#12448e;
  --cmr-blue-d:#0d3163;
  --cmr-blue-dd:#08213f;
  --cmr-yellow:#fcb900;
  --cmr-yellow-s:#ffd766;
  --cmr-card-bg:#0a2540;
  --cmr-txt:#c9d6ea;
  --cmr-font-display:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cmr-font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------------------------------------------------------------------------
   1. SECCIÓN EXTERIOR — fondo degradado (reutilizable en toda la web)
   --------------------------------------------------------------------------- */
.cmr-bloques{
  font-family:var(--cmr-font-body) !important;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(120% 80% at 80% 0%, rgba(252,185,0,.08), transparent 55%),
    linear-gradient(180deg, var(--cmr-blue) 0%, var(--cmr-blue-d) 100%) !important;
  overflow:clip;
}
.cmr-bloques > .elementor-container{
  padding:clamp(48px,7vw,110px) clamp(20px,5vw,80px);
  display:flex; flex-direction:column; gap:clamp(34px,5vw,64px);
}
.cmr-bloques *{box-sizing:border-box}
.cmr-bloques p{margin:0; text-transform:none; letter-spacing:normal}
.cmr-bloques h2{margin:0; text-transform:none}
.cmr-bloques a{text-decoration:none; box-shadow:none}

/* ---------------------------------------------------------------------------
   2. TARJETA (.cmr-card) — sección interior con sombra, borde y blur
   --------------------------------------------------------------------------- */
.cmr-card{
  background:rgba(8,33,63,.55) !important;
  border:1px solid rgba(252,185,0,.18) !important;
  border-radius:28px !important;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.65) !important;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  max-width:1160px; margin:0 auto !important; width:100%;
}
.cmr-card > .elementor-container{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:clamp(24px,4vw,64px);
  padding:clamp(24px,3vw,48px) !important;
}

/* ---------------------------------------------------------------------------
   3. COLUMNAS
   --------------------------------------------------------------------------- */
.cmr-col-text, .cmr-col-media{ padding:0 !important; }
.cmr-col-text > .elementor-widget-wrap{ padding:clamp(6px,1.5vw,26px) !important; }
.cmr-col-media > .elementor-widget-wrap{ padding:0 !important; }

/* ---------------------------------------------------------------------------
   4. TEXTO: eyebrow, título, descripción
   --------------------------------------------------------------------------- */
.cmrb-eyebrow .elementor-heading-title{
  display:inline-block !important;
  font-size:.72rem !important; letter-spacing:.22em !important; text-transform:uppercase !important;
  color:var(--cmr-yellow) !important; font-weight:700 !important;
  padding:.6em 1.1em !important; line-height:1 !important;
  border:1.5px solid rgba(252,185,0,.55); background:rgba(252,185,0,.1);
  border-radius:100px; margin:0 0 1.6rem !important;
}

.cmr-title .elementor-heading-title{
  font-family:var(--cmr-font-display) !important; font-weight:800 !important;
  font-size:clamp(1.7rem,3.2vw,2.7rem) !important; line-height:1.14 !important; letter-spacing:-.02em;
  color:#fff !important; margin:0 0 1.3rem !important;
}

.cmr-desc .elementor-text-editor, .cmr-desc p{
  font-family:"Poppins",var(--cmr-font-body) !important; font-weight:400 !important;
  font-size:15px !important; line-height:1.8 !important; color:var(--cmr-txt) !important;
  max-width:52ch; margin:0 0 2.2rem !important;
}

/* ---------------------------------------------------------------------------
   5. BOTÓN (píldora amarilla)
   --------------------------------------------------------------------------- */
.cmrb-btn .elementor-button{
  display:inline-flex !important; align-items:center; justify-content:center;
  font-weight:700 !important; font-size:.95rem !important; line-height:1 !important;
  padding:1em 2em !important; border-radius:100px !important;
  background:var(--cmr-yellow) !important; color:#3a2c00 !important; border:0 !important;
  box-shadow:0 14px 32px -10px rgba(252,185,0,.6);
  transition:transform .25s ease, box-shadow .25s ease;
}
.cmrb-btn .elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px -10px rgba(252,185,0,.75);
  color:#3a2c00 !important;
}

/* ---------------------------------------------------------------------------
   6. IMAGEN
   --------------------------------------------------------------------------- */
.cmr-img{
  position:relative; border-radius:20px; overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
}
.cmr-img::after{
  content:""; position:absolute; inset:0; border-radius:20px;
  border:1px solid rgba(252,185,0,.28); pointer-events:none;
}
.cmr-img img{
  width:100%; height:100%; object-fit:cover; display:block;
  aspect-ratio:16/11;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.cmr-card:hover .cmr-img img{ transform:scale(1.04); }

/* ---------------------------------------------------------------------------
   7. RESPONSIVE
   --------------------------------------------------------------------------- */
@media (max-width:820px){
  .cmr-card > .elementor-container{
    grid-template-columns:1fr; gap:22px; padding:22px !important;
  }
  .cmr-col-text > .elementor-widget-wrap{ padding:6px !important; }
  .cmr-img img{ aspect-ratio:16/10; }
  .cmr-desc .elementor-text-editor, .cmr-desc p{ margin-bottom:1.8rem !important; }
}

@media (prefers-reduced-motion:reduce){
  .cmr-img img, .cmrb-btn .elementor-button{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e74a268 */.boton:hover{
  transform:translateY(-2px);
  
  color:#3a2c00 !important;
}/* End custom CSS */