/* ============================================================
   PLS Pharma — Estilos de front (tema)
   ============================================================ */

/* ---- Base tipográfica ---- */
body.pls-pharma{ font-family:var(--pls-sans); color:var(--pls-body); }
.pls-pharma h1,.pls-pharma h2,.pls-pharma h3,.pls-pharma h4{
  font-family:var(--pls-serif); color:var(--pls-blue-deep); font-weight:600; line-height:1.15;
}
.pls-pharma a{ color:var(--pls-blue-dark); }

/* Etiqueta pequeña en mayúsculas (FORMULARIO, INFORMACIÓN, UBICACIÓN…) */
.pls-eyebrow{
  font-family:var(--pls-sans); font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; font-size:.72rem; color:var(--pls-green);
  display:inline-block; margin-bottom:.5rem;
}

/* ---- Botones de marca (reutilizables en Elementor con la clase) ---- */
.pls-btn{
  display:inline-flex; align-items:center; gap:.55em; cursor:pointer; white-space:nowrap;
  font-family:var(--pls-sans); font-weight:600; font-size:.95rem; line-height:1;
  padding:.85em 1.6em; border-radius:var(--pls-radius-pill);
  border:2px solid transparent; text-decoration:none; transition:.22s ease;
}
/* que el botón de Elementor con clase de marca no herede el color de acento */
.elementor-button.pls-btn{ white-space:nowrap; }
/* OceanWP pone los botones en mayúsculas con letter-spacing: los de Elementor van como en el mockup */
.pls-pharma .elementor-button{ text-transform:none !important; letter-spacing:normal !important; white-space:nowrap; }
.pls-btn--green{ background:var(--pls-green); color:#fff; }
.pls-btn--green:hover{ background:var(--pls-green-dark); color:#fff; transform:translateY(-1px); }
.pls-btn--blue{ background:var(--pls-blue); color:#fff; }
.pls-btn--blue:hover{ background:var(--pls-blue-dark); color:#fff; transform:translateY(-1px); }
.pls-btn--ghost{ background:transparent; border-color:var(--pls-blue); color:var(--pls-blue-dark); }
.pls-btn--ghost:hover, .pls-btn--ghost:focus, .pls-btn--ghost:active, .pls-buy__info:hover, .pls-buy__info:focus, .pls-buy__info:active{ background:var(--pls-blue)!important; border-color:var(--pls-blue)!important; color:#fff!important; } .pls-btn--ghost:hover svg, .pls-buy__info:hover svg{ fill:#fff!important; }
.pls-btn--ghost-white{ background:transparent; border-color:rgba(255,255,255,.7); color:#fff; }
.pls-btn--ghost-white:hover{ background:#fff; color:var(--pls-blue-dark); }

/* ============================================================
   PARALLAX DE PRESENTACIÓN
   Añade la clase  pls-parallax  a cualquier sección/contenedor
   de Elementor y pon su imagen de fondo. El JS mueve el fondo
   suavemente al hacer scroll. Respeta "reducir movimiento".
   Variante de solo-CSS:  pls-parallax--fixed  (background fijo).
   ============================================================ */
.pls-parallax{ position:relative; overflow:hidden; }
.pls-parallax > .pls-parallax__bg,
.pls-parallax .elementor-background-overlay{ will-change:transform; }
.pls-parallax__bg{
  position:absolute; inset:-35% 0; z-index:0;
  background-size:cover; background-position:center;
  transform:translate3d(0,0,0);
}
.pls-parallax__inner{ position:relative; z-index:2; }
.pls-parallax--fixed{ background-attachment:fixed; background-size:cover; background-position:center; }

@media (prefers-reduced-motion: reduce){
  .pls-parallax__bg{ transform:none !important; }
  .pls-parallax--fixed{ background-attachment:scroll; }
}
/* En móvil el background-attachment:fixed rinde mal → desactivar */
@media (max-width: 1024px){ .pls-parallax--fixed{ background-attachment:scroll; } }

/* Hero de presentación con gradiente de marca (para páginas interiores) */
.pls-hero{
  position:relative; color:#fff; background:var(--pls-hero-grad); overflow:hidden;
}
.pls-hero h1,.pls-hero h2{ color:#fff; }
.pls-hero .pls-eyebrow{ color:#Dff1c9; }

/* ---- Secciones con fondo alterno ---- */
.pls-bg-tint{ background:var(--pls-blue-tint); }
.pls-bg-green-top{ border-top:6px solid var(--pls-green); }

/* ---- Tarjeta genérica ---- */
.pls-card{
  background:#fff; border:1px solid var(--pls-line); border-radius:var(--pls-radius);
  box-shadow:var(--pls-shadow-sm);
}

/* ============================================================
   PIE DE PÁGINA (se arma con UAE, estos estilos lo refinan)
   ============================================================ */
.pls-footer{ background:var(--pls-navy); color:#C7D2DA; border-top:6px solid var(--pls-green); }
.pls-footer a{ color:#9FD0EB; }
.pls-footer a:hover{ color:#fff; }
.pls-footer h4,.pls-footer .pls-eyebrow{ color:#fff; }
.pls-footer__bar{ background:var(--pls-green); color:#20361a; font-size:.8rem; }
.pls-footer__bar a{ color:#20361a; text-decoration:underline; }

/* ============================================================
   HOME — secciones
   ============================================================ */
/* Hero de portada */
.pls-hero-home{ position:relative; overflow:hidden; }
.pls-hero-home h1{ color:#fff; }
.pls-hero-home .pls-eyebrow{ color:#DDF1C9; }
.pls-hero-home p{ color:rgba(255,255,255,.92); }

/* Tarjeta de producto (home + rejillas) */
.pls-prod-card{
  background:#fff; border:1px solid var(--pls-line);
  border-radius:0 0 var(--pls-radius) var(--pls-radius);
  box-shadow:var(--pls-shadow-sm); overflow:hidden; text-align:center;
  transition:.22s ease;
}
.pls-prod-card:hover{ transform:translateY(-4px); box-shadow:var(--pls-shadow); }
.pls-prod-card .pls-prod-badge{
  display:inline-block; font-family:var(--pls-sans); font-weight:700;
  font-size:.6rem; letter-spacing:.08em; color:#fff; padding:.35em .8em;
  border-radius:6px; margin:0 0 .4rem;
}
.pls-badge-green{ background:var(--pls-green); }
.pls-badge-blue{ background:var(--pls-blue); }
.pls-badge-navy{ background:var(--pls-navy); }

/* Lista de áreas de especialidad */
.pls-area-item{
  display:flex; align-items:center; gap:.7rem; padding:.75rem 0;
  border-bottom:1px solid var(--pls-line); font-weight:500; color:var(--pls-ink);
}

/* Tarjeta de certificado / cumplimiento */
.pls-cert-card{
  background:#fff; border-radius:var(--pls-radius); box-shadow:var(--pls-shadow-sm);
  text-align:center; padding:2rem 1.2rem; border:1px solid var(--pls-line);
}

/* Tarjeta CTA final */
.pls-cta-card{ border-radius:var(--pls-radius-lg); box-shadow:var(--pls-shadow-sm); }

/* Banda verde de encabezado de sección */
.pls-band-green{ background:var(--pls-green); color:#fff; }
.pls-band-green h2,.pls-band-green .pls-eyebrow{ color:#fff; }

/* ============================================================
   FORMULARIO (Contact Form 7) — caja del mockup de Contacto
   ============================================================ */
.pls-form-box{ background:#F2FAFD; border:1.5px solid var(--pls-blue); border-radius:var(--pls-radius); }
.pls-cf7 label{ display:block; font-family:var(--pls-sans); font-size:1.2rem; font-weight:500; color:var(--pls-blue-dark); margin-bottom:.9rem; }
.pls-cf7__row{ display:grid; grid-template-columns:1fr 1fr; gap:0 1.2rem; }
.pls-cf7 p{ margin:0; }
.pls-cf7__row > p, .pls-cf7 > p{ display:contents; }   /* CF7 envuelve en <p>: que no rompa la rejilla */
.pls-cf7 br{ display:none; }

/* Banner del catálogo */
.pls-shop-hero{ background:var(--pls-hero-grad); color:#fff; text-align:center; padding:56px 20px; margin:0 0 30px; }
.pls-shop-hero h1{ color:#fff; font-size:2.4rem; margin:0 0 .6rem; }
.pls-shop-hero p{ max-width:640px; margin:0 auto; color:#EAF6FB; }
.pls-shop-hero__in{ max-width:1180px; margin:0 auto; }
.woocommerce-page.archive #content-wrap{ padding-top:0; }
@media (max-width:640px){ .pls-cf7__row{ grid-template-columns:1fr; } }
.pls-cf7 .wpcf7-form-control-wrap{ display:block; margin-top:.35rem; }
.pls-cf7 input[type=text],.pls-cf7 input[type=email],.pls-cf7 input[type=tel],
.pls-cf7 select,.pls-cf7 textarea{
  width:100%; border:1.5px solid var(--pls-green); border-radius:8px; background:#fff;
  padding:.8rem 1rem; font-family:var(--pls-sans); font-size:1.3rem; color:var(--pls-ink);
}
.pls-cf7 textarea{ min-height:110px; }
.pls-cf7 input:focus,.pls-cf7 select:focus,.pls-cf7 textarea:focus{ outline:none; border-color:var(--pls-blue); box-shadow:0 0 0 3px rgba(26,143,209,.15); }
.pls-cf7 .wpcf7-acceptance label{ display:flex; gap:.6rem; align-items:flex-start; font-weight:400; color:var(--pls-body); font-size:1.15rem; }
.pls-cf7 .wpcf7-acceptance input{ margin-top:.2rem; accent-color:var(--pls-green); }
.pls-cf7 .wpcf7-submit{
  background:var(--pls-green); color:#fff; border:0; border-radius:999px;
  padding:.95rem 2rem; font-family:var(--pls-sans); font-weight:600; font-size:1.7rem !important; cursor:pointer; transition:.2s;
}
.pls-cf7 .wpcf7-submit:hover{ background:var(--pls-green-dark); color:#fff; }

/* Cabecera: el menú en una sola línea; logo y botón no se encogen */
.pls-header .pls-nav{ flex:0 1 auto; min-width:0; }
.pls-header .hfe-nav-menu, .pls-header .hfe-nav-menu > li{ flex-wrap:nowrap; white-space:nowrap; }
.pls-header .hfe-nav-menu > li > a{ padding-left:12px; padding-right:12px; }
.pls-header .elementor-widget-html, .pls-header .elementor-widget-button{ flex:0 0 auto; }
.pls-cf7 .wpcf7-not-valid-tip{ color:#c0392b; font-size:.78rem; }

/* Panel de información de contacto (lista con "+" verde) */
.pls-info-item{ border-bottom:1px solid var(--pls-green); padding:1rem 0; }
.pls-info-item h4{ font-family:var(--pls-sans); font-size:.9rem; color:var(--pls-blue); font-weight:500; margin:0 0 .3rem; }
.pls-info-item h4::before{ content:"+"; color:var(--pls-green); margin-right:.6rem; font-weight:700; }

/* Acordeón (Elementor) al estilo del mockup */
.pls-acc .elementor-accordion-item{ border:0 !important; border-bottom:1px solid var(--pls-line) !important; }
.pls-acc .elementor-accordion-icon{ font-size:25px; } .pls-acc .elementor-accordion-icon svg{ width:25px; height:25px; }
.pls-acc .elementor-tab-content{ border:0 !important; max-width:72ch; }

/* Lista con "+" verde (columnas de capacidades) */
.pls-plus-list .elementor-icon-list-icon{ color:var(--pls-green); }

/* ============================================================
   PARALLAX DE ELEMENTOS (imágenes, textos, tarjetas)
   Clases: pls-px-slow · pls-px · pls-px-fast · pls-px-rev
   ============================================================ */
.pls-px-slow,.pls-px,.pls-px-fast,.pls-px-rev{ will-change:transform; }
@media (prefers-reduced-motion: reduce){ .pls-px-slow,.pls-px,.pls-px-fast,.pls-px-rev{ transform:none !important; } }

/* ============================================================
   HOME v2 — piezas del mockup
   ============================================================ */
/* Imagen con esquinas redondeadas (foto del héroe, áreas, galería) */
.pls-photo img{ border-radius:22px; width:100%; height:auto; box-shadow:var(--pls-shadow); }
/* Banda verde de "Principales líneas de productos" */
.pls-band-green{ background:linear-gradient(100deg,#7FBA33 0%,#A6D45A 100%); }
/* Tarjeta de producto del home */
.pls-prod-card{ background:#fff; border-radius:18px; box-shadow:var(--pls-shadow-sm); overflow:hidden; }
.pls-prod-card img{ border-radius:14px 14px 0 0; }
.pls-prod-badge{ display:inline-block; font-size:.62rem; font-weight:700; letter-spacing:.08em; color:#fff; padding:.35em .9em; border-radius:6px; }
.pls-badge-green{ background:var(--pls-green); } .pls-badge-blue{ background:var(--pls-blue); } .pls-badge-navy{ background:var(--pls-navy); }
.pls-price{ font-family:var(--pls-sans); font-weight:700; color:var(--pls-ink); }
/* Tarjeta con arco superior (certificados) */
.pls-arch{ background:#fff; border-radius:130px 130px 18px 18px; box-shadow:var(--pls-shadow); }
/* Tarjeta de área / certificado */
.pls-cert-card{ background:#fff; border:1px solid var(--pls-line); border-radius:18px; box-shadow:var(--pls-shadow-sm); padding:28px 20px; }
/* Caption sobre foto (áreas de especialidad) */
.pls-photo-caption{ background:linear-gradient(180deg,rgba(21,89,127,0) 0%,rgba(21,89,127,.85) 100%); border-radius:0 0 22px 22px; }
/* Tarjetas de CTA final */
.pls-cta-card{ border-radius:30px; }
.pls-cta-card--blue{ background:var(--pls-blue); }
/* Logos de aliados (placeholder gris hasta subir los reales) */
.pls-logo-ph img{ filter:grayscale(1); opacity:.7; transition:.25s; } .pls-logo-ph:hover img{ filter:none; opacity:1; }

/* Logo PLS Pharma (imagen) en cabecera y pie */
.pls-logo{ display:inline-block; line-height:0; }
.pls-logo img{ height:56px; width:auto; display:block; }
.pls-logo--footer img{ height:66px; background:none; padding:0; border-radius:0; }

/* Cabecera fija al desplazar + menú centrado (logo izq. / menú centro / botón der.) */
body #masthead{ position:-webkit-sticky !important; position:sticky !important; top:0 !important; z-index:9999 !important; background:#fff; box-shadow:0 2px 12px rgba(21,89,127,.08); }
body.admin-bar #masthead{ top:32px !important; }
.pls-header .pls-nav{ flex:1 1 auto; }
.pls-header .pls-nav .hfe-nav-menu{ justify-content:center; }

/* ============================================================
   Responsive global (mejoras de adaptación a móvil/tablet)
   ============================================================ */
/* Sin scroll horizontal accidental. overflow-x:clip no rompe position:sticky. */
html{ overflow-x:clip; }
/* Ninguna imagen desborda su contenedor. */
img{ max-width:100%; height:auto; }

@media (max-width: 768px){
  /* Cabecera compacta y que el botón no desborde. */
  .pls-logo img{ height:46px; }
  .pls-header .elementor-button{ padding:.5em .8em; font-size:12px; letter-spacing:0; }
  .pls-header .elementor-button .elementor-button-icon{ margin-inline-end:.4em; }
}

/* Franja tablet (~768–1024): HFE muestra a la vez hamburguesa y menú horizontal.
   Ocultamos la hamburguesa redundante y dejamos el menú visible, centrado y que
   envuelva a 2 líneas si hace falta (sin desbordar). En ≤767 manda HFE (hamburguesa). */
@media (min-width: 768px) and (max-width: 1200px){
  .pls-header .hfe-nav-menu__toggle{ display:none !important; }
  .pls-header nav.hfe-nav-menu__layout-horizontal{ display:flex !important; }
  .pls-header ul.hfe-nav-menu{ flex-wrap:wrap !important; justify-content:center; row-gap:.2rem; }
}

/* Escritorio: menú centrado respecto a la página (logo y botón con igual
   crecimiento a cada lado empujan el menú al centro real). */
/* Menú más compacto (con la especificidad de HFE para que aplique). */
.pls-header .elementor-element-e4e6f75 .hfe-nav-menu > li > a{ padding-left:13px !important; padding-right:13px !important; }

/* Escritorio: menú centrado en el espacio entre el logo y el botón. */
@media (min-width: 1201px){
  .pls-header .pls-nav{ flex:1 1 auto; }
  .pls-header .pls-nav > .elementor-widget-container{ width:100%; }
  .pls-header .pls-nav .hfe-nav-menu{ width:100%; }
  .pls-header nav.hfe-nav-menu__layout-horizontal{ flex:1 1 auto; justify-content:center; }
}

/* El ítem CTA del menú solo se usa en el menú móvil (hamburguesa). */
@media (min-width: 768px){
  .pls-header li.pls-cta{ display:none !important; }
}

/* Móvil (≤767): el botón "Solicitar información" vive dentro del desplegable,
   y el menú se despliega en horizontal (los ítems envuelven en filas centradas). */
@media (max-width: 767px){
  /* Fuera el botón suelto del encabezado. */
  .pls-header .elementor-widget-button{ display:none !important; }
  /* Menú abierto: altura automática e ítems en fila que envuelven. */
  .pls-header .hfe-nav-menu__layout-horizontal.menu-is-active{ height:auto !important; }
  .pls-header .hfe-nav-menu__layout-horizontal.menu-is-active ul.hfe-nav-menu{
    flex-direction:column !important; flex-wrap:nowrap !important; height:auto !important;
    align-items:stretch; padding:.3rem 0 .7rem;
  }
  /* Ítems apilados en vertical (uno por fila), centrados. */
  .pls-header .menu-is-active ul.hfe-nav-menu > li:not(.pls-cta){ width:100% !important; flex:0 0 auto !important; text-align:center; }
  .pls-header .menu-is-active ul.hfe-nav-menu > li:not(.pls-cta) > a{ border:0 !important; }
  /* CTA como botón azul, en su propia fila dentro del menú. */
  .pls-header li.pls-cta{ flex:0 0 auto !important; width:100%; display:flex !important; justify-content:center; align-items:center; margin-top:1rem; margin-bottom:1rem; padding-top:.9rem; border-top:1px solid var(--pls-line); }
  .pls-header li.pls-cta > a{
    background:var(--pls-blue) !important; color:#fff !important;
    border-radius:var(--pls-radius-pill); padding:.6em 1.5em !important; font-weight:600;
  }
}

/* ============================================================
   Ajustes finos sobre OceanWP para que el hero llegue a tope
   ============================================================ */
.pls-pharma #content-wrap{ padding:0; }
.pls-pharma.elementor-page .entry-content{ margin:0; }
/* El contenido de Elementor a ancho completo bajo la cabecera fija */
.pls-pharma .elementor-section-wrap,
.pls-pharma .elementor{ width:100%; }

/* -------------------------------------------------------------
 * Salvavidas de animaciones de entrada en contenedores
 * Este build de Elementor marca los CONTENEDORES con animación de
 * entrada como .elementor-invisible (visibility:hidden) en el
 * servidor, pero NO emite el data-settings que el JS del frontend
 * necesita para revelarlos al entrar en pantalla. Resultado: se
 * quedan ocultos para siempre (razones, logos de fabricantes, fotos
 * del equipo, contacto...). Los WIDGETS sí emiten data-settings y
 * animan bien. Se revela solo a los contenedores SIN instrucción de
 * animación en data-settings (los rotos); los que sí la llevan
 * animan normalmente. Ver [[elementor-contenedor-animacion-invisible]].
 * ----------------------------------------------------------- */
.e-con.elementor-invisible:not([data-settings*="animation"]){ visibility: visible !important; }


/* ============================================================
   Banner rotativo — "Nuestras áreas de especialidad" (home)
   ============================================================ */
.pls-banner{ position:relative; width:100%; height:461px; border-radius:var(--pls-radius); overflow:hidden; background:var(--pls-blue-tint); }
.pls-banner__slide{ position:absolute; inset:0; background-size:cover; background-position:center; display:flex; align-items:flex-end; opacity:0; transition:opacity .8s ease; }
.pls-banner__slide.is-active{ opacity:1; }
.pls-banner__slide::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(21,89,127,.72), rgba(21,89,127,.15) 45%, transparent 70%); }
.pls-banner__cap{ position:relative; z-index:1; padding:1.6rem 2rem; color:#fff; max-width:640px; }
.pls-banner__cap h3{ font-family:var(--pls-serif); color:#fff; font-size:1.9rem; line-height:1.15; margin:0 0 .35rem; }
.pls-banner__cap p{ margin:0; font-family:var(--pls-sans); font-size:1rem; line-height:1.5; }
.pls-banner__dots{ position:absolute; right:1.4rem; bottom:1.2rem; display:flex; gap:.45rem; z-index:2; }
.pls-banner__dots button{ width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.55); cursor:pointer; transition:.2s; }
.pls-banner__dots button.is-active{ background:#fff; transform:scale(1.2); }
@media (max-width:1024px){ .pls-banner{ height:380px; } .pls-banner__cap h3{ font-size:1.55rem; } }
@media (max-width:600px){ .pls-banner{ height:300px; } .pls-banner__cap{ padding:1.1rem 1.2rem; } .pls-banner__cap h3{ font-size:1.3rem; } .pls-banner__cap p{ font-size:.9rem; } }


/* ============================================================
   Carrusel a todo el ancho — "Nuestro equipo" (home). Rota constante.
   ============================================================ */
.pls-carousel{ position:relative; left:50%; transform:translateX(-50%); width:100vw; max-width:100vw; overflow:hidden; }
.pls-carousel__track{ display:flex; width:max-content; will-change:transform; }
.pls-carousel:hover .pls-carousel__track{ animation-play-state:paused; }
.pls-carousel__item{ flex:0 0 auto; margin-right:0; }
.pls-carousel__item img{ display:block; width:420px; height:280px; object-fit:cover; border-radius:0; }
@keyframes pls-carousel-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (max-width:768px){ .pls-carousel__item{ margin-right:0; } .pls-carousel__item img{ width:300px; height:200px; border-radius:0; } }



/* Móvil: hamburguesa pegada al borde derecho. Se quita del flujo el panel cerrado
   para que el nav se encoja al ícono y se empuje al borde (sin tocar el panel abierto). */
@media (max-width: 767px){
  .pls-header .pls-nav{ flex:0 0 auto !important; margin-left:auto; }
  .pls-header .hfe-nav-menu__layout-horizontal:not(.menu-is-active){ display:none !important; }
  /* Panel abierto: a todo el ancho, justo debajo del header (desacoplado del nav). */
  .pls-header .hfe-nav-menu__layout-horizontal.menu-is-active{ position:fixed !important; left:0 !important; right:auto !important; top:78px !important; width:100vw !important; }
}

/* pls-btn-texto-blanco: OceanWP pinta los enlaces con su color (con !important) y deja
   el texto de los botones de fondo de color en azul. Se fuerza blanco en todos los
   estados de enlace para que gane. */
.pls-btn--green, .pls-btn--green:link, .pls-btn--green:visited, .pls-btn--green:hover, .pls-btn--green:focus, .pls-btn--green:active,
.pls-btn--blue,  .pls-btn--blue:link,  .pls-btn--blue:visited,  .pls-btn--blue:hover,  .pls-btn--blue:focus,  .pls-btn--blue:active{ color: #fff !important; }
.pls-btn--green svg, .pls-btn--blue svg,
.pls-btn--green .pls-wa-ico, .pls-btn--blue .pls-wa-ico{ fill: #fff !important; }


/* pls-sticky-intro: caja "Por qué un especialista" fija durante el listado en Inicio (10-09-2026) */
@media (min-width:1025px){
  .elementor-element-807c7eb{ position:sticky !important; top:100px; align-self:flex-start !important; }
}


/* Comercio internacional: tarjetas de servicios en 3 columnas (2 en tablet, 1 en móvil) */
.elementor .pls-cert-card{ --width:31% !important; width:31% !important; flex:0 1 auto; }
@media (max-width:1024px){ .elementor .pls-cert-card{ --width:47% !important; width:47% !important; } }
@media (max-width:640px){ .elementor .pls-cert-card{ --width:100% !important; width:100% !important; } }


/* Comercio internacional: imagen de la intro con proporción apaisada fija */
.pls-intro-img img{ width:100% !important; max-width:100% !important; height:auto !important; aspect-ratio:16/10 !important; object-fit:cover !important; object-position:center !important; border-radius:16px !important; display:block !important; }
@media (max-width:768px){ .pls-intro-img img{ aspect-ratio:16/9 !important; } }


/* Comercio internacional: intro a 2 columnas (texto + imagen) en escritorio */
@media (min-width:769px){
  .elementor .pls-intro-text{ --width:46% !important; width:46% !important; }
  .elementor .pls-intro-imgcol{ --width:50% !important; width:50% !important; }
}