@charset "utf-8";.ssl-preview-section{padding-top:35px !important} .ssl-preview-section .ssl-content-box{overflow:hidden} .ssl-preview-section .content-header{margin-bottom:24px} .ssl-preview-section .content-header h1{margin:0;color:#0b2942} .ssl-preview-section .content-header .icono-h1{color:#00a6a6} .ssl-preview-section .content-body{padding-top:0} .ssl-page{width:100%;max-width:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#29465d;font-size:14px;line-height:1.6} .ssl-page *{box-sizing:border-box} .ssl-page a{color:#087f9b;text-decoration:none} .ssl-hero{width:100%;aspect-ratio:1240 / 450;min-height:0;margin:0 0 24px;overflow:hidden;border:1px solid #d6e8ed;border-radius:18px;background:#071b35 url('../images/webhosting/ssl-zertifikate.webp') center / cover no-repeat;box-shadow:0 14px 34px rgba(8,63,82,.11)} .ssl-intro{display:grid;grid-template-columns:74px minmax(0,1fr);gap:22px;align-items:center;margin:0 0 24px;padding:24px 28px;border:1px solid #dbe8ec;border-left:4px solid #00a6a6;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f7fcfc 100%);box-shadow:0 9px 26px rgba(8,63,82,.06)} .ssl-intro p{margin:0 0 8px} .ssl-intro p:last-child{margin-bottom:0} .ssl-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #bfe3e5;border-radius:15px;background:linear-gradient(145deg,#e9fafa,#f8ffff);color:#008e95;box-shadow:0 6px 14px rgba(0,142,149,.08)} .ssl-icon svg{width:29px;height:29px} .ssl-benefits-card{margin:0 0 24px;padding:26px 28px;border:1px solid #dbe8ec;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(8,63,82,.07)} .ssl-section-title{margin:0 0 20px;text-align:left} .ssl-section-title span{display:flex;align-items:center;gap:10px;padding:0;color:#0b3e59;font-size:22px;font-weight:800} .ssl-section-title span::before{content:"";width:5px;min-width:5px;height:28px;border-radius:99px;background:linear-gradient(180deg,#00b6b6,#087f9b)} .ssl-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .ssl-benefit{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;min-width:0;padding:20px;border:1px solid #e0ecef;border-radius:14px;background:#fbfefe} .ssl-benefit .ssl-icon{width:48px;height:48px} .ssl-benefit .ssl-icon svg{width:25px;height:25px} .ssl-benefit h3{margin:0 0 6px;color:#0b3e59;font-size:17px} .ssl-benefit p{margin:0;color:#526b7b;font-size:13.5px;line-height:1.55} .ssl-mobile-plan-switch{display:none;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px;padding:6px;border:1px solid #c9def2;border-radius:10px;background:#edf5fd} .ssl-mobile-plan-button{min-height:38px;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#155f9f;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer} .ssl-mobile-plan-button.ssl-active{border-color:#1772c8;background:#1772c8;color:#fff;box-shadow:0 4px 10px rgba(23,114,200,.18)} .ssl-package-section{margin:0 0 24px;overflow:hidden;border:1px solid #c9def2;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(23,114,200,.14)} .ssl-hosting-compare{overflow:hidden;background:#fff} .ssl-compare-head,.ssl-compare-row,.ssl-compare-price-row,.ssl-compare-actions{display:grid;grid-template-columns:240px repeat(3,minmax(0,1fr))} .ssl-compare-head{color:#fff;background:linear-gradient(135deg,#1772c8,#0b4f91)} .ssl-compare-head>div,.ssl-compare-row>div,.ssl-compare-price-row>div,.ssl-compare-actions>div{border-right:1px solid #dfeaf5} .ssl-compare-head>div:last-child,.ssl-compare-row>div:last-child,.ssl-compare-price-row>div:last-child,.ssl-compare-actions>div:last-child{border-right:0} .ssl-compare-feature,.ssl-compare-plan{display:flex;align-items:center;min-height:48px;padding:13px 16px;font-weight:800} .ssl-compare-feature{justify-content:flex-start;font-size:15px} .ssl-compare-plan{justify-content:center;text-align:center;font-size:14px} .ssl-compare-row{border-bottom:1px solid #dfeaf5} .ssl-compare-row:nth-child(odd){background:#f7fbff} .ssl-compare-row>div{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;color:#3c5668;text-align:center;font-size:13px} .ssl-compare-label{justify-content:flex-start !important;gap:7px;color:#29465d !important;text-align:left !important;font-size:12px !important;font-weight:800} .ssl-feature-mini-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;min-width:25px;height:25px;border:1px solid #c9def2;border-radius:7px;background:#edf5fd;color:#1772c8} .ssl-feature-mini-icon svg{width:14px;height:14px} .ssl-compare-eco{color:#198754;font-weight:800} .ssl-setup-row>div{background:#f1f7fd} .ssl-compare-price-row{border-bottom:1px solid #dfeaf5;background:#f7fbff} .ssl-compare-price-row>div{display:flex;align-items:center;justify-content:center;min-height:112px;padding:16px} .ssl-price-label{justify-content:flex-start !important;color:#0b3e59 !important} .ssl-price-box{width:100%;max-width:170px;margin:0 auto;padding:13px 10px;border:1px solid #c9def2;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(23,114,200,.09);text-align:center} .ssl-price-main{display:flex;align-items:baseline;justify-content:center;gap:3px;color:#1772c8;font-weight:800;line-height:1;white-space:nowrap} .ssl-price-currency,.ssl-price-value{font-size:24px !important;font-weight:800} .ssl-price-star{font-size:14px !important;vertical-align:super} .ssl-compare-actions>div{display:flex;align-items:center;justify-content:center;min-height:70px;padding:12px} .ssl-btn-primary,.ssl-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 15px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none !important} .ssl-btn-primary{border:1px solid #0b4f91;background:linear-gradient(135deg,#1772c8,#0b4f91);color:#fff !important;box-shadow:0 6px 14px rgba(23,114,200,.18)} .ssl-btn-ghost{border:1px solid #087f9b;background:#fff;color:#087f9b !important} .ssl-note{margin:14px 20px 18px;color:#718493;font-size:12px} .ssl-red{color:#d70000;font-weight:800} .ssl-info-grid{margin:0 0 24px} .ssl-card{border:1px solid #d8e6eb;border-radius:16px;background:linear-gradient(135deg,#f2fbfb,#fff);box-shadow:0 10px 26px rgba(8,63,82,.07)} .ssl-card-simple{padding:22px 24px} .ssl-card-line{display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:5px 18px;align-items:center} .ssl-card-line .ssl-icon{grid-column:1;grid-row:1 / span 2} .ssl-card-line h3{grid-column:2;grid-row:1;margin:0;color:#0b3e59;font-size:19px} .ssl-card-line p{grid-column:2;grid-row:2;margin:0;color:#526b7b;font-size:13.5px} .ssl-contact-btn{grid-column:3;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #087f9b;border-radius:9px;background:linear-gradient(135deg,#00a6a6,#087f9b);color:#fff !important;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none !important;box-shadow:0 7px 16px rgba(0,142,149,.20)} .ssl-seo-card{margin:0;padding:26px 30px;border:1px solid #e0e9ee;border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(8,63,82,.055)} .ssl-seo-card h3{margin:0 0 14px;color:#0b3e59;font-size:20px} .ssl-seo-card p{margin:0 0 12px} .ssl-seo-card p:last-child{margin-bottom:0} .ssl-seo-heading{color:#087f9b;font-weight:800} @media(max-width:980px){.ssl-benefits{grid-template-columns:1fr}} @media(max-width:680px){.ssl-hero{border-radius:13px} .ssl-intro{grid-template-columns:1fr;padding:20px} .ssl-benefits-card{padding:20px} .ssl-mobile-plan-switch{display:grid} .ssl-hosting-compare{--ssl-plan-col:minmax(0,1fr)} .ssl-compare-head,.ssl-compare-row,.ssl-compare-price-row,.ssl-compare-actions{grid-template-columns:minmax(145px,44%) var(--ssl-plan-col)} .ssl-compare-head>div:nth-child(n+3),.ssl-compare-row>div:nth-child(n+3),.ssl-compare-price-row>div:nth-child(n+3),.ssl-compare-actions>div:nth-child(n+3){display:none} .ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-head>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-row>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-price-row>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-actions>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-head>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-row>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-price-row>div:nth-child(2),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-actions>div:nth-child(2){display:none} .ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-head>div:nth-child(3),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-row>div:nth-child(3),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-price-row>div:nth-child(3),.ssl-hosting-compare.ssl-mobile-col-xl .ssl-compare-actions>div:nth-child(3){display:flex} .ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-head>div:nth-child(4),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-row>div:nth-child(4),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-price-row>div:nth-child(4),.ssl-hosting-compare.ssl-mobile-col-xxl .ssl-compare-actions>div:nth-child(4){display:flex} .ssl-compare-feature,.ssl-compare-plan{padding:11px 10px} .ssl-compare-row>div{padding:11px 9px;overflow-wrap:anywhere} .ssl-feature-mini-icon{display:none} .ssl-price-box{padding:12px 5px} .ssl-price-currency,.ssl-price-value{font-size:20px !important} .ssl-card-line{grid-template-columns:48px minmax(0,1fr)} .ssl-card-line .ssl-icon{width:48px;height:48px} .ssl-card-line h3{grid-column:2} .ssl-card-line p{grid-column:2} .ssl-contact-btn{grid-column:1 / -1;grid-row:auto;width:100%;margin-top:10px} .ssl-seo-card{padding:22px 20px}} .ssl-package-section .ssl-note{margin:18px 20px 22px !important;padding-top:6px !important} .ssl-package-section .ssl-price-star{font-size:11px !important;line-height:1 !important;position:relative !important;top:-8px !important;margin-left:1px !important;vertical-align:top !important}