.elementor-1269 .elementor-element.elementor-element-4cc27c30{--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:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:3em;--padding-bottom:1em;--padding-left:3em;--padding-right:3em;}.elementor-1269 .elementor-element.elementor-element-4cc27c30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1269 .elementor-element.elementor-element-6327b03{--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:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1269 .elementor-element.elementor-element-d3eb709{--display:flex;}.elementor-1269 .elementor-element.elementor-element-d3eb709.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-icon{width:14px;}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-icon i{font-size:14px;}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-item{font-family:"Ubuntu Mono", Sans-serif;font-size:0.9em;font-weight:300;line-height:1.3em;}.elementor-widget-theme-post-title .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-1269 .elementor-element.elementor-element-417f9b1a .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-weight:500;}.elementor-1269 .elementor-element.elementor-element-7d857dee{--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:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(219,194,176,0.3);--border-color:rgba(219,194,176,0.3);--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-repeater-item-6473c62 .elementor-icon-list-icon{width:36px;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-icon{width:14px;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-icon i{font-size:14px;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-text, .elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-item{font-family:"Ubuntu Mono", Sans-serif;font-size:1em;font-weight:500;line-height:1.3em;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(22px/2);}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(22px/2);}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(22px/2);margin-left:calc(22px/2);}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-22px/2);margin-left:calc(-22px/2);}body.rtl .elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-22px/2);}body:not(.rtl) .elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-22px/2);}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );font-size:14px;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );--e-icon-list-icon-size:14px;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-icon{width:14px;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-text, .elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-item{font-family:"Ubuntu Mono", Sans-serif;font-size:0.9em;font-weight:300;line-height:1.3em;}.elementor-1269 .elementor-element.elementor-element-71012b3f{--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:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1269 .elementor-element.elementor-element-17d77301{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgba(219,194,176,0.3);--border-color:rgba(219,194,176,0.3);--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1269 .elementor-element.elementor-element-5dddeb86 .elementor-icon-list-icon{width:14px;}.elementor-1269 .elementor-element.elementor-element-5dddeb86 .elementor-icon-list-icon i{font-size:14px;}.elementor-1269 .elementor-element.elementor-element-5dddeb86 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1269 .elementor-element.elementor-element-4e42426 span.post-navigation__prev--label, .elementor-1269 .elementor-element.elementor-element-4e42426 span.post-navigation__next--label{font-family:"Ubuntu", Sans-serif;font-size:0.9em;font-weight:400;}.elementor-1269 .elementor-element.elementor-element-4e42426 span.post-navigation__prev--title, .elementor-1269 .elementor-element.elementor-element-4e42426 span.post-navigation__next--title{font-family:"Ubuntu", Sans-serif;font-size:0.8em;font-weight:400;}.elementor-1269 .elementor-element.elementor-element-464d9854{--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;--margin-top:96px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:20px;--padding-right:20px;}.elementor-1269 .elementor-element.elementor-element-464d9854:not(.elementor-motion-effects-element-type-background), .elementor-1269 .elementor-element.elementor-element-464d9854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fdfcfb;}.elementor-1269 .elementor-element.elementor-element-39031673{--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;}.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-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1269 .elementor-element.elementor-element-6ca6fde{--grid-columns:3;--grid-column-gap:32px;}@media(min-width:768px){.elementor-1269 .elementor-element.elementor-element-4cc27c30{--width:1240px;}.elementor-1269 .elementor-element.elementor-element-d3eb709{--width:61.065%;}.elementor-1269 .elementor-element.elementor-element-71012b3f{--content-width:920px;}.elementor-1269 .elementor-element.elementor-element-39031673{--content-width:1280px;}}@media(max-width:1024px){.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1269 .elementor-element.elementor-element-6ca6fde{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1269 .elementor-element.elementor-element-bf957d7 .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-1269 .elementor-element.elementor-element-47fde2dd .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-1269 .elementor-element.elementor-element-ee4e677 .elementor-icon-list-item{font-size:0.9rem;line-height:1.4em;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1269 .elementor-element.elementor-element-6ca6fde{--grid-columns:1;}}/* Start custom CSS *//* ============================================================
   Changlonet /gen — Entrada individual (Single Post) · CSS final
   Fuente: Space Grotesk · Pegar en Site Settings > Custom CSS
   (reemplaza cualquier CSS anterior de la entrada)
   ------------------------------------------------------------
   NOTA: autor, fecha y comentarios se estilan en el editor de
   Elementor, NO aquí. Este CSS controla: badges de categoría,
   título, imagen, contenido, etiquetas, relacionados y la barra
   de progreso fija.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* ---------- Cabecera: espaciado de la fila de metadatos ---------- */
.cn-sp-metarow {
    gap: 16px 20px;
    flex-wrap: wrap;
}

/* ---------- Badge de categoría ----------
   La píldora va en CADA término, no en el contenedor. */
.cn-sp-badge,
.cn-sp-badge .elementor-post-info__item--type-terms {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}
/* Quitar el icono de etiqueta solo en el badge de categoría */
.cn-sp-badge .elementor-post-info__item--type-terms .elementor-post-info__item-icon {
    display: none;
}
/* Cada categoría = una píldora (color por defecto naranja) */
.cn-sp-badge .elementor-post-info__terms-list-item {
    display: inline-block;
    background: rgba(244,140,37,0.10);
    color: #f48c25 !important;
    border: 1px solid rgba(244,140,37,0.20);
    border-radius: 9999px;
    padding: 4px 12px;
    margin: 0 8px 6px 0;
    font-size: 10px;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

/* ---------- Color de las píldoras según la categoría PADRE ----------
   El color de toda la entrada lo marca su familia padre. */

/* IA → NARANJA */
.category-ia .cn-sp-badge .elementor-post-info__terms-list-item {
    color: #f48c25 !important;
    background: rgba(244,140,37,0.10);
    border-color: rgba(244,140,37,0.20);
}
/* Hardware → AZUL */
.category-hardware .cn-sp-badge .elementor-post-info__terms-list-item {
    color: #00b1f5 !important;
    background: rgba(0,177,245,0.10);
    border-color: rgba(0,177,245,0.20);
}
/* Programación / Automatización → ROJO-CORAL */
.category-programacion-automatizacion .cn-sp-badge .elementor-post-info__terms-list-item {
    color: #e63946 !important;
    background: rgba(230,57,70,0.10);
    border-color: rgba(230,57,70,0.20);
}

/* ---------- Título H1 con degradado naranja → rojo ---------- */
.cn-sp-title .elementor-heading-title {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: clamp(48px, 6vw, 72px);
    line-height: 0.92;
    letter-spacing: -1px;
}
.gen-gradient-title .elementor-heading-title {
    background: linear-gradient(135deg, #f48c25 0%, #e63946 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---------- Imagen destacada (hero) ---------- */
.cn-sp-hero img {
    width: 100%;
    aspect-ratio: 21 / 9;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
}

/* ---------- Contenido del post ---------- */
.gen-post-content {
    font-family: "Space Grotesk", sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #554336;
}
.gen-post-content p { margin-bottom: 1.4em; }

.gen-post-content h2 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -0.5px;
    text-transform: none;
    color: #1a120b;
    margin-top: 2em;
    margin-bottom: 0.6em;
}
.gen-post-content h3 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    color: #1a120b;
    margin-top: 1.6em;
    margin-bottom: 0.5em;
}

/* Primer párrafo con letra capitular */
.gen-post-content > p:first-of-type {
    font-size: 20px;
    font-weight: 500;
    color: #1a120b;
}
.gen-post-content > p:first-of-type::first-letter {
    font-size: 3.5rem;
    font-weight: 700;
    color: #f48c25;
    float: left;
    line-height: 0.9;
    margin: 0.05em 0.75rem 0 0;
}

/* Citas */
.gen-post-content blockquote {
    border-left: 4px solid #f48c25;
    padding: 0.5rem 0 0.5rem 2rem;
    margin: 3rem 0;
    font-style: italic;
    font-size: 1.5rem;
    font-family: "Space Grotesk", sans-serif;
    color: #1a120b;
}

/* Listas, enlaces y negritas */
.gen-post-content ul, .gen-post-content ol { margin: 1em 0 1.4em 1.2em; }
.gen-post-content li { margin-bottom: 0.5em; }
.gen-post-content a { color: #f48c25; font-weight: 600; text-decoration: none; }
.gen-post-content a:hover { text-decoration: underline; }
.gen-post-content strong { color: #1a120b; }

/* ---------- Etiquetas ---------- */
.cn-sp-tags a {
    display: inline-block;
    background: #f4f1ee;
    border-radius: 8px;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
    font-family: "Space Grotesk", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #554336;
    text-decoration: none;
    transition: background 0.2s;
}
.cn-sp-tags a:hover { background: rgba(244,140,37,0.10); color: #f48c25; }

/* ---------- Relacionados ---------- */
.cn-sp-related-title .elementor-heading-title {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: -0.5px;
    color: #1a120b;
    margin-bottom: 32px;
}


/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    .cn-sp-hero img { aspect-ratio: 16 / 9; }
}/* End custom CSS */