*/
.elementor-widget-text-editor.csv-texto .elementor-text-editor p{
margin: 0 0 16px !important;
}
/* Si en vez de
*/
.elementor-widget-text-editor.csv-texto .elementor-text-editor > div{
margin: 0 0 16px !important;
}
/* Si vienen saltos tipo
(muy típico de CSV) */
.elementor-widget-text-editor.csv-texto .elementor-text-editor br{
line-height: 1.75 !important;
}
.elementor-widget-text-editor.csv-texto .elementor-text-editor br + br{
display: block !important;
content: "" !important;
margin-top: 16px !important;
}
/* Negritas consistentes */
.elementor-widget-text-editor.csv-texto .elementor-text-editor strong,
.elementor-widget-text-editor.csv-texto .elementor-text-editor b{
font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd25c60 */.content-text{
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 18px;
}
/* Mejora de lectura */
.content-text p{
line-height: 1.75;
font-size: 18px;
}
/* Títulos dentro de texto */
.content-text h2{
margin-bottom: 18px;
}
@media (max-width: 767px){
.content-text{
padding: 0 15px;
}
.content-text p{
font-size: 16px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1ac03ec */.section-title{
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: clamp(26px, 3vw, 34px);
color: #111;
margin-bottom: 16px;
}
.section-title::after{
content: "";
display: block;
width: 40px;
height: 3px;
background: #e5e5e5;
margin-top: 10px;
border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ddc19c *//* Tarjeta aplicada al propio widget */
.pc-box{
padding:22px;
border-radius:14px;
background:#f8f9fa;
box-shadow:0 2px 10px rgba(0,0,0,.06);
}
/* Borde y color según tipo */
.pc-box.pros{ border-left:6px solid #1e8e3e; }
.pc-box.contras{ border-left:6px solid #d93025; }
/* Si el título es texto normal (Pros: / Contras:) */
.pc-box.pros p:first-child{
color:#1e8e3e;
margin-top:0;
}
.pc-box.contras p:first-child{
color:#d93025;
margin-top:0;
}
/* Cuando metas
- del CSV */
.pc-box ul{ list-style:none; padding:0; margin:0; }
.pc-box li{ position:relative; padding-left:28px; margin:0 0 10px; line-height:1.5; }
.pc-box.pros li::before{
content:"✔";
position:absolute; left:0; top:0;
color:#1e8e3e; font-weight:700;
}
.pc-box.contras li::before{
content:"✖";
position:absolute; left:0; top:0;
color:#d93025; font-weight:700;
}
.pc-grid{
align-items: stretch;
}
.pc-grid .pc-box{
height: 100%;
}
.pc-box.pros{ background:#f4fbf6; }
.pc-box.contras{ background:#fdf5f4; }
.pc-box{
transition: transform .2s ease, box-shadow .2s ease;
}
.pc-box:hover{
transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
@media (max-width: 767px){
.pc-grid{
display: flex !important;
flex-direction: column !important;
gap: 22px;
}
.pc-grid .pc-box{
width: 100% !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8898e9 *//* Sección gris que “rompe” el texto */
.section-gray{
background: #f8f9fb;
padding: 40px 0;
}
/* Contenedor interior centrado y con ancho cómodo */
.content-narrow{
width: 100%;
max-width: 1100px; /* Pros/Contras y FAQs admiten un poco más */
margin: 0 auto;
padding: 0 18px;
}
/* Ajuste móvil */
@media (max-width: 767px){
.section-gray{
padding: 30px 0;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e4e355b */.elementor-widget-text-editor.cta-subtext p{
font-size: 14px !important;
color: #666666 !important;
font-weight: 400 !important;
line-height: 1.6 !important;
max-width: 650px;
margin: 15px auto 25px auto;
text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37ff816 */.price-box{
display:flex;
align-items:center;
gap:10px;
margin:0 0 16px 0;
}
/* precio principal */
.price-current{
font-size:38px;
font-weight:800;
line-height:1;
color:#111;
}
/* precio antiguo */
.price-old{
font-size:20px;
opacity:.6;
color:#888;
text-decoration:line-through;
font-weight:600;
}
/* badge descuento */
.price-save{
background:#d93025;
color:#fff;
font-size:16px;
font-weight:700;
padding:4px 8px;
border-radius:6px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a960b30 *//* Botón principal */
.amazon-btn .elementor-button{
background:#FFD814 !important;
border:1px solid #FCD200 !important;
border-radius:6px;
color:#111 !important;
font-size:18px;
font-weight:700;
padding:14px 24px;
box-shadow:0 2px 6px rgba(0,0,0,.15);
}
/* QUITAR EL FONDO GRIS INTERNO */
.amazon-btn .elementor-button-content-wrapper{
background:transparent !important;
}
/* Hover estilo Amazon */
.amazon-btn .elementor-button:hover{
background:#F7CA00 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3b5cb6 */.cta-decision{
background:#ffffff;
max-width:700px;
margin:40px auto;
padding:15px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2002063 *//* ===== Seguridad: tarjeta SIN tocar el Excel ===== */
.sec-seguridad{
max-width: 900px;
margin: 40px auto;
padding: 28px 34px 30px;
background: #f8fafc;
border-radius: 22px;
border: 1px solid rgba(0,0,0,.06);
box-shadow: 0 18px 40px rgba(0,0,0,.05);
}
/* El título que ya tienes arriba: lo metemos “visual” dentro */
.sec-seguridad h2,
.sec-seguridad h3{
margin: 0 0 18px !important;
text-align: center;
font-size: 28px;
font-weight: 600;
}
/* Si tu tema mete una rayita debajo del título, la quitamos */
.sec-seguridad h2:after,
.sec-seguridad h3:after{
display: none !important;
}
/* El bloque que ya tienes: lo dejamos “plano” para que no duplique tarjeta */
.sec-seguridad .seguridad-box{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* Lista */
.sec-seguridad .seguridad-box ul{
list-style: none;
padding: 0;
margin: 0;
}
.sec-seguridad .seguridad-box li{
font-size: 18px;
margin: 0 0 12px;
padding-left: 28px;
position: relative;
}
.sec-seguridad .seguridad-box li::before{
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #22c55e;
font-weight: 700;
}
/* Responsive */
@media (max-width:768px){
.sec-seguridad{
padding: 20px 18px;
border-radius: 18px;
}
.sec-seguridad h2,
.sec-seguridad h3{
font-size: 22px;
}
.sec-seguridad .seguridad-box li{
font-size: 16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca1b4d5 */.card-white{
background:#ffffff;
border-radius:20px;
padding:35px 40px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d9d985 */.faq-accordion{ margin:18px 0; }
.faq-accordion .faq-item{
background:#f8f9fa;
border-radius:14px;
box-shadow:0 2px 10px rgba(0,0,0,.06);
margin-bottom:12px;
overflow:hidden;
}
.faq-accordion .faq-q{
padding:16px 54px 16px 18px;
font-size:17px;
font-weight:700;
cursor:pointer;
position:relative;
line-height:1.35;
}
.faq-accordion .faq-q::after{
content:"+";
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
font-size:22px;
opacity:.75;
}
.faq-accordion .faq-a{
display:none;
padding:0 18px 18px;
line-height:1.6;
background:#fff;
}
.faq-accordion .faq-item.is-open .faq-a{ display:block; }
.faq-accordion .faq-item.is-open .faq-q{ background:#eef2f5; }
.faq-accordion .faq-item.is-open .faq-q::after{ content:"–"; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2ebc1c */.seguridad-box{
background:#f0fdf4;
border:1px solid #bbf7d0;
border-radius:22px;
padding:30px 36px;
margin:60px auto;
max-width:780px;
box-shadow:0 15px 40px rgba(22,163,74,0.08);
}
.seguridad-box h3{
font-size:32px;
font-weight:800;
margin-bottom:22px;
color:#166534;
}
.seguridad-box li{
font-size:20px;
}
.seguridad-box li::before{
color:#16a34a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1736ac6 */.elementor-widget-text-editor.cta-subtext p{
font-size: 14px !important;
color: #666666 !important;
font-weight: 400 !important;
line-height: 1.6 !important;
max-width: 650px;
margin: 15px auto 25px auto;
text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8341cc7 */.price-box{
display:flex;
align-items:center;
gap:10px;
margin:0 0 16px 0;
}
/* precio principal */
.price-current{
font-size:38px;
font-weight:800;
line-height:1;
color:#111;
}
/* precio antiguo */
.price-old{
font-size:20px;
opacity:.6;
color:#888;
text-decoration:line-through;
font-weight:600;
}
/* badge descuento */
.price-save{
background:#d93025;
color:#fff;
font-size:16px;
font-weight:700;
padding:4px 8px;
border-radius:6px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d654334 *//* Botón principal */
.amazon-btn .elementor-button{
background:#FFD814 !important;
border:1px solid #FCD200 !important;
border-radius:6px;
color:#111 !important;
font-size:18px;
font-weight:700;
padding:14px 24px;
box-shadow:0 2px 6px rgba(0,0,0,.15);
}
/* QUITAR EL FONDO GRIS INTERNO */
.amazon-btn .elementor-button-content-wrapper{
background:transparent !important;
}
/* Hover estilo Amazon */
.amazon-btn .elementor-button:hover{
background:#F7CA00 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d8af1f */.cta-final{
background: #f7f7f7;
border-radius: 18px;
padding: 40px 28px;
text-align: center;
box-shadow: 0 12px 30px rgba(0,0,0,.06);
}
.cta-final h2{
font-size: clamp(28px, 4vw, 42px);
margin-bottom: 12px;
}
.cta-final .precio-destacado{
font-size: 42px;
font-weight: 700;
margin-bottom: 20px;
}
.cta-final .elementor-button{
padding: 18px 28px;
font-size: 18px;
border-radius: 14px;
}/* End custom CSS */