/* ============================================================
   eeat.css — componentes para las páginas E-E-A-T
   dobladora-de-tubo.com · 2026-11-09
   Se carga SOLO en las 6 páginas nuevas.
   ============================================================ */

/* --- base ------------------------------------------------- */
.ee-main{padding-bottom:30px;}
.ee-main h2{font-size:21px;font-weight:700;color:#000066;margin:34px 0 12px;padding-bottom:7px;border-bottom:2px solid #ececec;text-align:left;}
.ee-main h3{font-size:17px;font-weight:700;color:#1a1a1a;margin:20px 0 8px;text-align:left;}
.ee-main p{font-size:15.5px;line-height:1.78;color:#333;margin:0 0 12px;padding-left:0;overflow:visible;}
.ee-main ul,.ee-main ol{font-size:15.5px;line-height:1.78;color:#333;padding-left:22px;margin:0 0 14px;}
.ee-main li{margin-bottom:6px;}
.ee-main strong{color:#111;}
.ee-main a{color:#000066;}
.ee-main a:hover{color:#c0392b;}
.ee-main table{width:100%;border-collapse:collapse;font-size:14.5px;margin:6px 0 18px;background:#fff;}

/* --- cabecera de página ----------------------------------- */
.ee-hero{background:#f5f5f5;border-left:5px solid #000066;padding:22px 24px;margin:0 0 22px;}
.ee-hero h1{font-size:25px;line-height:1.3;text-align:left;margin:0 0 10px;color:#111;}
.ee-hero p{font-size:16px;line-height:1.72;color:#444;margin:0 0 8px;}
.ee-hero p:last-child{margin-bottom:0;}
.ee-meta{font-size:12.5px;color:#777;margin:10px 0 0;letter-spacing:.02em;}

/* --- navegación del cluster ------------------------------- */
.ee-subnav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;}
.ee-subnav a{display:inline-block;font-size:13px;line-height:1.3;padding:6px 12px;border:1px solid #d8d8d8;background:#fff;color:#333;text-decoration:none;border-radius:3px;}
.ee-subnav a:hover{border-color:#000066;color:#000066;}
.ee-subnav a.on{background:#000066;border-color:#000066;color:#fff;font-weight:600;}

/* --- cifras ------------------------------------------------- */
.ee-kpis{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px;padding:0;list-style:none;}
.ee-kpi{flex:1 1 150px;background:#f5f5f5;border-top:3px solid #000066;padding:14px 16px;font-size:13px;line-height:1.45;color:#555;}
.ee-kpi b{display:block;font-size:26px;line-height:1.1;color:#000066;font-weight:700;margin-bottom:5px;}
.ee-kpi span{display:block;font-size:13px;line-height:1.45;color:#555;margin-top:5px;}

/* --- tablas ------------------------------------------------- */
.ee-tbl-wrap{overflow-x:auto;margin:0 0 20px;-webkit-overflow-scrolling:touch;}
.ee-tbl{min-width:560px;}
.ee-tbl th{background:#000066;color:#fff;font-weight:600;font-size:13.5px;padding:10px 11px;text-align:left;vertical-align:middle;border:1px solid #000066;}
.ee-tbl td{padding:9px 11px;border:1px solid #e2e2e2;vertical-align:top;font-size:14px;}
.ee-tbl tbody tr:nth-child(even){background:#fafafa;}
.ee-tbl caption{caption-side:top;text-align:left;font-size:13px;color:#666;padding:0 0 7px;}
.ee-tbl .num{text-align:right;white-space:nowrap;}
.ee-tbl td.hl{font-weight:700;color:#000066;}

/* --- pasos de fabricación ---------------------------------- */
.ee-steps{list-style:none;padding:0;margin:0 0 20px;counter-reset:ee;}
.ee-steps>li{position:relative;padding:0 0 0 52px;margin:0 0 18px;counter-increment:ee;}
.ee-steps>li:before{content:counter(ee);position:absolute;left:0;top:0;width:34px;height:34px;line-height:34px;text-align:center;background:#000066;color:#fff;font-weight:700;font-size:15px;border-radius:50%;}
.ee-steps>li h3{margin:4px 0 6px;}
.ee-steps>li p{margin-bottom:6px;}

/* --- tarjetas ---------------------------------------------- */
.ee-cards{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px;padding:0;list-style:none;}
.ee-card{flex:1 1 250px;border:1px solid #e2e2e2;background:#fff;padding:16px 18px;}
.ee-card h3{font-size:16px;margin:0 0 7px;color:#000066;}
.ee-card p{font-size:14.5px;margin:0 0 6px;line-height:1.65;}
.ee-card .ee-tagline{font-size:12.5px;color:#777;margin:0;}

/* --- imágenes ---------------------------------------------- */
.ee-main img{max-width:100%;height:auto;}
#pcdownbutton,#iosdown,#androiddown,#pcdown,#pcdown iframe{display:none!important;}
.ee-fig{margin:0 0 18px;}
.ee-fig img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border:1px solid #ececec;}
.ee-fig figcaption,.ee-cap{display:block;font-size:12.5px;line-height:1.5;color:#666;padding:7px 0 0;}
.ee-grid2{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px;}
.ee-grid2 .ee-fig{flex:1 1 300px;margin:0;}
.ee-grid2 .ee-fig img{width:100%;max-width:100%;}
.ee-grid3{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px;}
.ee-grid3 .ee-fig{flex:1 1 210px;margin:0;}
.ee-grid3 .ee-fig img{width:100%;aspect-ratio:1/1;object-fit:cover;}

/* --- destacado / nota -------------------------------------- */
.ee-note{background:#f7f7f7;border-left:4px solid #6cf;padding:14px 18px;margin:0 0 20px;font-size:14.5px;line-height:1.7;color:#333;}
.ee-note b{color:#000066;}
.ee-warn{background:#fff8f0;border-left:4px solid #e8a33d;}
.ee-quote{border-left:4px solid #ececec;padding:2px 0 2px 16px;margin:0 0 18px;color:#444;font-style:italic;font-size:15px;line-height:1.75;}

/* --- FAQ ---------------------------------------------------- */
.ee-faq{border-top:1px solid #ececec;margin:0 0 22px;}
.ee-faq details{border-bottom:1px solid #ececec;padding:0;overflow:visible;}
.ee-faq summary{list-style:none;cursor:pointer;font-size:15.5px;font-weight:600;color:#1a1a1a;padding:13px 30px 13px 0;position:relative;line-height:1.55;border:0;background:none;outline:none;}
.ee-faq summary:hover{background:none;color:#000066;}
.ee-faq summary::-webkit-details-marker{display:none;}
.ee-faq summary:after{content:"+";position:absolute;right:6px;top:11px;font-size:20px;line-height:1;color:#000066;font-weight:400;transform:none;transition:none;}
.ee-faq details[open] summary:after{content:"\2013";transform:none;}
.ee-faq details p{font-size:15px;line-height:1.75;color:#444;margin:0 0 14px;padding:0 30px 0 0;background:none;}

/* --- CTA ----------------------------------------------------- */
.ee-cta{background:#000066;color:#fff;padding:24px 26px;margin:28px 0 0;}
.ee-cta h2{color:#fff;border:0;margin:0 0 8px;padding:0;font-size:20px;text-align:left;}
.ee-cta p{color:#dfe3ee;font-size:15px;margin:0 0 14px;line-height:1.7;}
.ee-cta .ee-btns{display:flex;flex-wrap:wrap;gap:10px;}
.ee-cta a.ee-btn{display:inline-block;background:#fff;color:#000066;font-weight:700;font-size:14.5px;padding:10px 20px;text-decoration:none;border-radius:3px;}
.ee-cta a.ee-btn:hover{background:#e8ecf5;}
.ee-cta a.ee-btn.ghost{background:transparent;color:#fff;border:1px solid #8f9dc4;}
.ee-cta a.ee-btn.ghost:hover{background:#0a1a5c;}

/* --- bloque de enlaces relacionados ------------------------- */
.ee-rel{background:#f5f5f5;padding:16px 20px;margin:24px 0 0;font-size:14px;}
.ee-rel b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#777;margin-bottom:9px;}
.ee-rel a{color:#000066;text-decoration:underline;}

/* --- responsive --------------------------------------------- */
@media (max-width:767px){
  .ee-hero{padding:16px 16px;}
  .ee-hero h1{font-size:21px;}
  .ee-hero .ee-sub{font-size:15px;}
  .ee-main h2{font-size:19px;margin-top:26px;}
  .ee-main h3{font-size:16px;}
  .ee-main p,.ee-main ul,.ee-main ol{font-size:15px;}
  .ee-kpi b{font-size:22px;}
  .ee-tbl{min-width:680px;font-size:13px;}
  .ee-tbl th{font-size:12.5px;padding:8px 9px;}
  .ee-tbl td{padding:8px 9px;font-size:13px;}
  .ee-tbl-wrap:before{content:'Desliza para ver la tabla completa \2192';display:block;font-size:11px;color:#8a8f98;padding:0 0 6px;}
  .ee-grid3 .ee-fig{flex:1 1 130px;}
  .ee-cta{padding:18px 18px;}
  .ee-steps>li{padding-left:44px;}
  .ee-steps>li:before{width:30px;height:30px;line-height:30px;font-size:14px;}
}