.elementor-580 .elementor-element.elementor-element-bhero{--display:flex;--min-height:340px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.elementor-580 .elementor-element.elementor-element-bh1{text-align:center;}.elementor-580 .elementor-element.elementor-element-bh1 .elementor-heading-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.6px;color:#CF7526;}.elementor-580 .elementor-element.elementor-element-bh2{text-align:center;}.elementor-580 .elementor-element.elementor-element-bh2 .elementor-heading-title{font-family:"Abril Fatface", Sans-serif;font-size:80px;font-weight:400;line-height:0.98em;letter-spacing:-0.8px;color:#17354D;}.elementor-580 .elementor-element.elementor-element-bhscr{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;text-align:center;}.elementor-580 .elementor-element.elementor-element-bhscr .elementor-heading-title{font-family:"Satisfy", Sans-serif;font-size:34px;font-weight:400;line-height:1.2em;color:#E48E45;}.elementor-580 .elementor-element.elementor-element-bh3{width:var( --container-widget-width, 640px );max-width:640px;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:640px;--container-widget-flex-grow:0;text-align:center;font-size:16px;line-height:1.65em;color:#5F7180;}.elementor-580 .elementor-element.elementor-element-bh3.elementor-element{--align-self:center;}.elementor-580 .elementor-element.elementor-element-bhmeta{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-580 .elementor-element.elementor-element-bhmeta .elementor-heading-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#8497A5;}.elementor-580 .elementor-element.elementor-element-blay{--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:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:44px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-bmain{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-bposts{--grid-columns:2;--grid-row-gap:34px;--grid-column-gap:30px;}.elementor-580 .elementor-element.elementor-element-bposts .elementor-repeater-item-lead1{grid-column:span min( 2, var(--grid-columns) );}.elementor-580 .elementor-element.elementor-element-bposts .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-580 .elementor-element.elementor-element-bposts .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-580 .elementor-element.elementor-element-bposts .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-580 .elementor-element.elementor-element-bposts .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-580 .elementor-element.elementor-element-bposts .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-580 .elementor-element.elementor-element-bside{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-bwcat{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#17354D;--border-color:#17354D;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-bwcath .elementor-heading-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2.4px;color:#17354D;}.elementor-580 .elementor-element.elementor-element-bwrec{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#17354D;--border-color:#17354D;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-bwrech .elementor-heading-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2.4px;color:#17354D;}.elementor-580 .elementor-element.elementor-element-bwrecw{--grid-row-gap:14px;--grid-column-gap:30px;}.elementor-580 .elementor-element.elementor-element-bwrecw .elementor-post{border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;border-color:var( --e-global-color-4803e6b );}.elementor-580 .elementor-element.elementor-element-bwrecw .elementor-post__title, .elementor-580 .elementor-element.elementor-element-bwrecw .elementor-post__title a{color:#17354D;font-family:"Raleway", Sans-serif;font-size:14.5px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-bwcta{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:16px 16px 16px 16px;--padding-top:26px;--padding-bottom:26px;--padding-left:24px;--padding-right:24px;}.elementor-580 .elementor-element.elementor-element-bwcta:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-bwcta > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top right, var( --e-global-color-accent ) 0%, var( --e-global-color-primary ) 55%);}.elementor-580 .elementor-element.elementor-element-bctah .elementor-heading-title{font-family:"Abril Fatface", Sans-serif;font-size:24px;font-weight:400;text-transform:none;letter-spacing:0px;color:#FFFFFF;}.elementor-580 .elementor-element.elementor-element-bctat{font-size:14px;color:#CDD9E3;}.elementor-580 .elementor-element.elementor-element-bctab .elementor-button{background-color:#E48E45;font-weight:800;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-580 .elementor-element.elementor-element-bh2 .elementor-heading-title{font-size:56px;}.elementor-580 .elementor-element.elementor-element-bposts{--grid-columns:2;}}@media(max-width:767px){.elementor-580 .elementor-element.elementor-element-bhero{--min-height:240px;}.elementor-580 .elementor-element.elementor-element-bh2 .elementor-heading-title{font-size:40px;}.elementor-580 .elementor-element.elementor-element-bhscr .elementor-heading-title{font-size:24px;}.elementor-580 .elementor-element.elementor-element-bposts{--grid-columns:1;}}@media(min-width:768px){.elementor-580 .elementor-element.elementor-element-bmain{--width:70%;}.elementor-580 .elementor-element.elementor-element-bside{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-580 .elementor-element.elementor-element-bmain{--width:100%;}.elementor-580 .elementor-element.elementor-element-bside{--width:100%;}}/* Start custom CSS *//* ============================================================
   ARCHIVO DEL BLOG — sistema editorial de Claude Design
   ============================================================ */

/* ---- Cabecera de revista: los filetes salen del propio rótulo ---- */
.elementor-element-bh1 .elementor-heading-title{display:inline-flex;align-items:center;gap:12px}
.elementor-element-bh1 .elementor-heading-title::before,
.elementor-element-bh1 .elementor-heading-title::after{content:"";width:34px;height:1px;background:#E48E45}
.elementor-element-bhmeta .elementor-heading-title{display:flex;align-items:center;gap:18px;max-width:1180px;margin:0 auto}
.elementor-element-bhmeta .elementor-heading-title::before,
.elementor-element-bhmeta .elementor-heading-title::after{content:"";flex:1;height:1px;background:#E6DDD0}

/* ---- Historia en portada (plantilla de bucle #624) ---- */
.elementor-element-lmedia{position:relative}
.elementor-element-lmedia::after{content:"";position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(0deg,rgba(15,37,55,.34),transparent 45%)}
.elementor-element-ltab{position:relative;z-index:2}
.elementor-element-ltab .elementor-heading-title{display:inline-block;background:#E48E45;color:#fff;padding:7px 13px;border-radius:999px}
.elementor-element-lkick{margin-bottom:14px}
.elementor-element-lexc{margin-top:16px;max-width:46ch}
.elementor-element-lmore .elementor-button{padding:0}
.elementor-element-lby{flex-wrap:nowrap}
.elementor-element-lmeta{flex:1 1 auto;min-width:0}
.elementor-element-lmeta .elementor-icon-list-items{display:flex;flex-wrap:nowrap;align-items:center;gap:14px}
/* El punto que separa firma y fecha en el montaje. */
.elementor-element-lmeta .elementor-icon-list-item + .elementor-icon-list-item::before{content:"";width:4px;height:4px;
	border-radius:50%;background:#8497A5;margin-right:14px;flex:none;align-self:center}
@media(max-width:767px){.elementor-element-lead{flex-direction:column}}

/* ============================================================
   TARJETA DEL BUCLE (plantilla #581) — ya no es una caja: manda la foto.
   ============================================================ */
.e-loop-item{display:flex}
.e-loop-item .elementor-element-card{flex:1;height:100%}
.e-loop-item .elementor-element-cbody{flex:1}
/* El control de margen de Elementor no sabe escribir `auto` (lo saca como `autopx`). */
.e-loop-item .elementor-element-cfoot{margin-top:auto}

.elementor-element-cimg a,
.elementor-element-cimg .elementor-widget-container{display:block;position:relative;border-radius:12px;overflow:hidden;
	box-shadow:0 1px 2px rgba(23,53,77,.06),0 2px 8px rgba(23,53,77,.05)}
.elementor-element-cimg img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.elementor-element-cimg a::after{content:"";position:absolute;inset:0;background:rgba(15,37,55,0);transition:background .2s}
.e-loop-item:hover .elementor-element-cimg a::after{background:rgba(15,37,55,.08)}

/* Categoría: etiqueta plana con guion naranja delante, ya no píldora. */
.elementor-element-ccat .elementor-icon-list-item,
.elementor-element-lkick .elementor-icon-list-item{margin:0;display:flex;align-items:center}
.elementor-element-ccat .elementor-icon-list-item::before,
.elementor-element-lkick .elementor-icon-list-item::before{content:"";flex:none;width:16px;height:2px;background:#E48E45;margin-right:8px}
.elementor-element-ccat .elementor-icon-list-icon,
.elementor-element-lkick .elementor-icon-list-icon,
.elementor-element-ccat .elementor-post-info__item-prefix,
.elementor-element-lkick .elementor-post-info__item-prefix{display:none}
/* Las comas que separan términos son nodos de texto sueltos: se apagan con el color. */
.elementor-element-ccat .elementor-post-info__terms-list,
.elementor-element-lkick .elementor-post-info__terms-list{color:transparent}
.elementor-element-ccat .elementor-post-info__terms-list-item,
.elementor-element-lkick .elementor-post-info__terms-list-item{background:none;padding:0;border-radius:0;text-decoration:none;
	color:#CF7526;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.elementor-element-ccat .elementor-post-info__terms-list-item{font-size:10.5px}

/* El titular se subraya solo al pasar por encima de la tarjeta. */
.elementor-element-ctit .elementor-heading-title a,
.elementor-element-ltit .elementor-heading-title a{background-image:linear-gradient(#E48E45,#E48E45);background-size:0 2px;
	background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s}
.e-loop-item:hover .elementor-element-ctit .elementor-heading-title a,
.e-loop-item:hover .elementor-element-ltit .elementor-heading-title a{background-size:100% 2px}

.elementor-element-cfoot{font-weight:600}
.elementor-element-cmore .elementor-button{font-weight:800;padding:0}

/* ---- Separador de sección ----
   Va DEBAJO de la historia en portada, y la portada es el primer elemento de la misma
   cuadrícula, así que como widget suelto no cabe ahí. Se pinta como pseudoelemento del
   contenedor del bucle —que es la propia rejilla, luego el pseudoelemento es una celda más—
   y se coloca con `order` entre la portada y el resto. La raya va de fondo porque un
   pseudoelemento no admite hijos. */
.elementor-element-bposts .elementor-loop-container::before{content:"Lo último";order:1;grid-column:1/-1;
	font-family:'Abril Fatface',Georgia,serif;font-size:32px;line-height:1.15;color:#17354D;letter-spacing:-.3px;
	margin:24px 0 -4px;padding-bottom:2px;
	background-image:linear-gradient(#E6DDD0,#E6DDD0);background-repeat:no-repeat;
	background-size:calc(100% - 160px) 1px;background-position:right 60%}
.elementor-element-bposts .elementor-loop-container .e-loop-item{order:2}
.elementor-element-bposts .elementor-loop-container .e-loop-item:nth-of-type(1){order:0}
@media(max-width:767px){
	.elementor-element-bposts .elementor-loop-container::before{font-size:24px;background-size:calc(100% - 120px) 1px}
}

/* ---- Una tarjeta rompe el ritmo: la cuarta va ancha y en horizontal ---- */
@media(min-width:768px){
	.elementor-loop-container .e-loop-item:nth-of-type(4){grid-column:1/-1}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-card{flex-direction:row;align-items:center;
		gap:0;background:#fff;border:1px solid #E6DDD0;border-radius:16px;overflow:hidden}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-cimg{flex:none;width:46%;align-self:stretch}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-cimg a,
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-cimg .elementor-widget-container{height:100%;
		border-radius:0;box-shadow:none}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-cimg img{height:100%;aspect-ratio:auto;min-height:260px}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-cbody{padding:26px 30px 26px 28px}
	.elementor-loop-container .e-loop-item:nth-of-type(4) .elementor-element-ctit .elementor-heading-title{font-size:24px}
}

/* ============================================================
   BARRA LATERAL — el índice de la revista
   ============================================================ */
@media(min-width:1025px){
	.elementor-element-bside{position:sticky;top:94px;align-self:flex-start}
}
.elementor-element-bwcatw h5{display:none}
.elementor-element-bwcatw ul{list-style:none;margin:0;padding:0}
.elementor-element-bwcatw li{display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:10px 0;border-bottom:1px solid #E6DDD0;font-size:12px;font-weight:700;color:#8497A5;font-variant-numeric:tabular-nums}
.elementor-element-bwcatw li:last-child{border-bottom:0}
.elementor-element-bwcatw li a{font-size:15px;font-weight:600;color:#17354D;text-decoration:none}
.elementor-element-bwcatw li a:hover{color:#CF7526}

/* «Lo más leído» es una secuencia: se numera con un contador. */
.elementor-element-bwrecw .elementor-posts{counter-reset:rk}
.elementor-element-bwrecw .elementor-post{counter-increment:rk;display:flex;gap:14px;align-items:baseline;
	padding:13px 0;border-bottom:1px solid #E6DDD0;margin:0}
.elementor-element-bwrecw .elementor-post:last-child{border-bottom:0}
.elementor-element-bwrecw .elementor-post::before{content:counter(rk);flex:none;width:24px;
	font-family:'Abril Fatface',Georgia,serif;font-size:24px;line-height:1;color:#E48E45}
.elementor-element-bwrecw .elementor-post__text{margin:0}
.elementor-element-bwrecw .elementor-post__title{font-size:14.5px;line-height:1.3;margin:0}
.elementor-element-bwrecw .elementor-post__title a{font-weight:700}

/* El reclamo lleva un resplandor naranja en la esquina. */
.elementor-element-bwcta{position:relative;overflow:hidden}
.elementor-element-bwcta::before{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;
	border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#E48E45 62%,transparent),transparent 70%)}
.elementor-element-bwcta > *{position:relative}/* End custom CSS */