/*!
 * CE theme layer — single.css (owner: theme-single). Single post view: ce/parts/30-single.php.
 * Values taken from Elementor templates EN 154999 / 270419, ES 72334 (post-*.css), Kit 835/3 and the
 * Elementor widget stylesheets (post-info, breadcrumbs, share-buttons, table-of-contents, posts cards).
 * Breakpoints: tablet <=1024px, mobile <=767px.
 */

/* ---------- Frame (container bc491ff / da21a7f) ---------- */
.ce-single{display:flex;flex-direction:column;position:relative;margin:2px 0;padding:0 10px}
.ce-single__row{display:flex;flex-direction:row;align-items:stretch;gap:19px;width:100%;max-width:min(100%,var(--ce-boxed,1200px));margin:0 auto;padding:10px 0}
.ce-single .ce-single__main{flex:0 1 auto;width:100%;min-width:0;margin:0;padding:10px;display:flex;flex-direction:column;gap:20px}
.ce-single__main>*{min-width:0;max-width:100%;margin:0}
.ce-single .ce-single__side{flex:0 1 auto;width:33%;min-width:0;position:relative;margin:0 0 -10px;padding:0}/* -10px: Elementor's sticky stopped at the row's outer edge */
.ce-single__sticky{position:sticky;top:80px}
.ce-single__sticky.is-rest{position:relative;top:auto}
.ce-single__tail{height:20px}
.ce-single--es .ce-single__tail{height:60px}
@media (max-width:1024px){
	.ce-single__row{flex-direction:column;padding-bottom:29px}/* 10px + the 19px gap Elementor kept for the hidden sidebar */
	.ce-single .ce-single__side{display:none}
}
@media (max-width:767px){.ce-single__tail{display:none}}

/* ---------- Title ---------- */
.ce-single .ce-single__title{font-family:"Roboto",sans-serif;font-size:30px;font-weight:600;line-height:1;color:#000;text-transform:uppercase;margin:0;padding:0}
@media (max-width:1024px){.ce-single .ce-single__title{font-size:29px}}
@media (max-width:767px){.ce-single .ce-single__title{font-size:18px}}

/* ---------- Meta (post-info, inline icon list) ---------- */
.ce-meta{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 -8px;padding:0}
.ce-meta__item{display:flex;align-items:center;justify-content:center;position:relative;margin:0 8px;padding:0;font-family:"Roboto",sans-serif;font-weight:400;word-break:break-word}
.ce-meta__item>a{display:flex;align-items:center;justify-content:center}
.ce-meta__icon{display:flex;position:relative;width:14px}
.ce-meta__icon--avatar{width:30px}
.ce-meta__icon svg{width:14px;height:14px;fill:#4C9150}
.ce-single .ce-meta__avatar{display:block;width:30px;height:30px;max-width:100%;border-radius:100%}
.ce-meta__text{align-self:center;padding-left:1px;color:#54595F}
.ce-single--es .ce-meta__text{color:#7A7A7A}

/* ---------- Breadcrumbs (Rank Math, Elementor breadcrumbs widget typography) ---------- */
.ce-single__crumbs{font-family:"Roboto Slab",sans-serif;font-size:.85em;line-height:1.5}
.ce-single__crumbs p{margin:0}

/* ---------- Featured image ---------- */
.ce-single__featured{text-align:center}
.ce-single__featured img{display:inline-block;vertical-align:middle;max-width:100%;height:auto}

/* ---------- Share buttons (view icon, rounded, gradient skin, official colours) ---------- */
.ce-share{font-size:0;line-height:0}
.ce-share__grid{display:inline-block;width:100%;word-spacing:10px;margin-bottom:-10px}
.ce-share__item{display:inline-block;margin-bottom:10px;word-break:break-word;vertical-align:top}
.ce-share__btn{display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:10px;height:4.5em;border-radius:.5em;cursor:pointer;transition:filter .2s,background-color .2s}
.ce-share__btn:hover,.ce-share__btn:focus-visible{filter:saturate(1.5) brightness(1.2)}
.ce-share__icon{display:flex;align-self:stretch;flex-grow:1;justify-content:center;align-items:center;width:4.5em;position:relative;color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.12),transparent)}
.ce-share__icon svg{width:1.7em;height:1.7em;fill:#fff}
.ce-share__btn--facebook{background-color:#3b5998}
.ce-share__btn--twitter{background-color:#1da1f2}
.ce-share__btn--linkedin{background-color:#0077b5}
.ce-share__btn--telegram{background-color:#2ca5e0}
.ce-share__btn--whatsapp{background-color:#25d366}

/* ---------- Table of contents (collapsed by default, numbered, hierarchical) ---------- */
.ce-toc{border:1px solid #000;border-radius:3px;background-color:#02010114;overflow:hidden}
.ce-toc__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #000;font-family:"Roboto",sans-serif;font-weight:600;cursor:pointer;list-style:none}
.ce-toc__header::-webkit-details-marker{display:none}
.ce-toc__header::marker{content:""}
.ce-toc__title{font-size:18px;margin:0;color:#54595F}
.ce-single--es .ce-toc,.ce-single--es .ce-toc__header{border-color:#9da5ae}/* ES template has no box border colour: Elementor default */
.ce-toc__toggle{display:inline-flex}
.ce-toc__toggle svg{width:1em;height:1em}
.ce-toc .ce-toc__close,.ce-toc[open] .ce-toc__open{display:none}
.ce-toc[open] .ce-toc__close{display:inline}
.ce-toc__body{display:block;padding:20px}
.ce-toc__list{list-style:none;padding:0;margin:0 0 1.5em 3em;counter-reset:item}
.ce-toc__item{margin-bottom:.5em;counter-increment:item;font-family:"Roboto",sans-serif;font-weight:400}
.ce-toc__item .ce-toc__list{margin-top:.5em;margin-left:1em}
.ce-toc__row{display:flex;align-items:center}
.ce-toc__row:before{content:counters(item,".") ". ";margin-right:8px;font-size:1em;color:#7A7A7A}
.ce-toc__link{color:#7A7A7A}
.ce-toc__link:hover{text-decoration:underline}

/* ---------- Content (Elementor theme-post-content widget + its generic .elementor rules) ---------- */
.ce-single__content{font-family:"Roboto",sans-serif;color:#7A7A7A}
.ce-single__content hr{margin:0;background-color:transparent}
.ce-single__content :is(h2,h3,h4,h5,h6)[id]{scroll-margin-top:90px}

/* Elementor markup pasted inside post_content (EN 394 / ES 61 posts): keep its look without Elementor's CSS. */
.ce-single__content .elementor-screen-only{position:absolute;top:-10000em;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ce-single__content .elementor-widget-share-buttons .elementor-widget-container,.ce-single__content .elementor-share-buttons--view-icon .elementor-widget-container{font-size:0;line-height:0}
.ce-single__content .elementor-grid-0 .elementor-grid{display:inline-block;width:100%;word-spacing:10px;margin-bottom:-10px}
.ce-single__content .elementor-grid-0 .elementor-grid-item{display:inline-block;margin-bottom:10px;word-break:break-word}
.ce-single__content .elementor-share-btn{overflow:hidden;font-size:10px;display:flex;align-items:center;justify-content:center;height:4.5em;cursor:pointer;border-radius:.5em;background-color:#ea4335}
.ce-single__content .elementor-share-btn__icon{display:flex;align-self:stretch;flex-grow:1;justify-content:center;align-items:center;width:4.5em;position:relative;color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.12),transparent)}
.ce-single__content .elementor-share-btn__icon svg{width:1.7em;height:1.7em;fill:#fff}
.ce-single__content .elementor-share-btn__icon i{font-size:1.7em}
.ce-single__content .elementor-share-btn__text{display:none}
.ce-single__content .elementor-share-btn_facebook{background-color:#3b5998}
.ce-single__content .elementor-share-btn_twitter{background-color:#1da1f2}
.ce-single__content .elementor-share-btn_linkedin{background-color:#0077b5}
.ce-single__content .elementor-share-btn_telegram{background-color:#2ca5e0}
.ce-single__content .elementor-share-btn_whatsapp{background-color:#25d366}
.ce-single__content .elementor-share-btn_pinterest{background-color:#bd081c}
.ce-single__content .elementor-share-btn_reddit{background-color:#ff4500}
.ce-single__content .elementor-share-btn_email{background-color:#ea4335}
.ce-single__content .elementor-hidden-desktop{display:none}
@media (max-width:767px){.ce-single__content .elementor-hidden-mobile{display:none}}
.ce-single__content .elementor-widget{margin-bottom:0}/* inside Elementor containers widgets had no bottom margin */

/* ---------- Sponsored blocks (unstyled text in the Elementor template) ---------- */

/* ---------- Divider + "RELATED POSTS" ---------- */
.ce-single__divider{display:flex;padding:15px 0}
.ce-single__divider span{display:flex;width:100%;border-top:1px solid #000}
.ce-single .ce-single__related-title{font-family:"Roboto",sans-serif;font-size:29px;font-weight:600;line-height:1;color:#000;margin:0;padding:0}

/* ---------- Related cards (Elementor posts widget, skin cards) ---------- */
.ce-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px}
.ce-single .ce-card{display:flex;flex-direction:column;text-align:center;margin:0;padding:0}
.ce-card__inner{display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:#fff;width:100%;min-height:100%;border-radius:3px;border:0 solid #69727d;box-shadow:0 0 10px 0 rgba(0,0,0,.15);transition:all .25s}
.ce-card__inner:hover{box-shadow:0 0 30px 0 rgba(0,0,0,.15)}
.ce-card__thumb{position:relative;display:block;width:100%;margin:0 auto 20px}
.ce-card__thumb:after{display:block;content:"";background-image:linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);background-repeat:no-repeat;height:100%;width:100%;position:absolute;bottom:0;opacity:1;transition:all .3s ease-out}
.ce-card__inner:hover .ce-card__thumb:after{opacity:.5}
.ce-card__img{display:block;position:relative;overflow:hidden;padding-bottom:66%;transform-style:preserve-3d}
.ce-card__img img{display:block;position:absolute;top:calc(50% + 1px);left:calc(50% + 1px);width:auto;max-width:none;height:100%;max-height:none;transform:scale(1.01) translate(-50%,-50%)}/* = Elementor .elementor-fit-height (16:9 thumbnails in the 0.66 box) */
.ce-card__badge{position:absolute;top:0;right:0;margin:20px;padding:.6em 1.2em;border-radius:999px;background:#4C9150;color:#fff;font-family:"Roboto",sans-serif;font-size:12px;font-weight:500;line-height:1;text-transform:uppercase}
.ce-card__text{display:flex;flex-direction:column;flex-grow:1;width:100%;padding:0 30px;margin:20px 0 0}
.ce-single .ce-card__title{font-family:"Roboto",sans-serif;font-size:21px;font-weight:600;line-height:24px;color:#54595F;margin:0 0 12px}
.ce-card__title a{color:inherit}
.ce-card__excerpt{flex-grow:1;line-height:1.7;margin-bottom:25px}
.ce-card__excerpt p{margin:0;font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#777}
.ce-card__more{display:inline-block;margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#4C9150;text-transform:uppercase;align-self:flex-start}
.ce-single--es .ce-card__text{margin-top:1px}
.ce-single--es .ce-card__title{font-size:18px;line-height:23px;word-spacing:0;margin-bottom:14px}
.ce-single--es .ce-card__excerpt p{font-size:14px}
@media (max-width:767px){
	.ce-cards{grid-template-columns:minmax(0,1fr)}
	.ce-card__img{padding-bottom:50%}
	.ce-single .ce-card__img img{width:calc(100% + 1px);height:auto}/* fit by width on mobile: Elementor's static state (its JS sometimes switched EN to fit-height after interaction) */
}

/* ---------- Mobile bottom bar (share + back to title) ---------- */
.ce-sharebar,.ce-sharebar-spacer{display:none}
@media (max-width:767px){
	.ce-sharebar-spacer{display:block;height:60px}
	.ce-sharebar{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:99;height:60px;padding:10px;background-color:#fff}
	.ce-share--bar{padding:2px 0;background-color:#fff;text-align:center}
	.ce-share--bar .ce-share__grid{width:auto}
	.ce-share--bar .ce-share__btn{font-size:8px}
	.ce-sharebar__top{display:inline-block;margin-left:20px;padding:11px 12px;border-radius:2px;background-color:#959695;font-size:13px;line-height:1;color:#fff;fill:#fff}
	.ce-sharebar__top svg{display:inline;width:13px;height:13px;fill:#fff}/* integration 2026-11-12: inline 13×13 on the baseline, as Elementor EN (was block 13×15: 8 px antialias) */
}
/* Integration 2026-11-12 — ES icon fonts (owner switch icons=font, default): Elementor's <i> glyph boxes, measured off. */
.ce-meta__icon .ce-ifont{font-size:14px;width:1em;text-align:center;color:#4C9150}
.ce-share__icon .ce-ifont{font-size:1.7em}
.ce-toc[open] .ce-ifont.ce-toc__close{display:block}
.ce-sharebar__top .ce-ifont{text-align:center}/* glyph box 11.38×13 → button 35.38×35, as Elementor ES */
/* TOC active section (owner request 2026-11-12; Elementor: .elementor-item-active = bold, colour inherited) */
.ce-toc__item.is-active{font-weight:700}
.ce-toc__link.is-active{color:inherit}
